大发快3

欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

Cs大发快3s的盒模型

 

边框

盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)

前端学习笔记 HTML +CSS

单独设置下边框的例子 div{border-bott大发快3om:1px solid red;}

宽度和高度

CSS 内定义的宽(width)和高(heigh大发快3t),指的是 填充以里的内容范围。一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

W3C 的标准 Box Model:

前端学习笔记 HTML +CSS

所以有时会设置 box-sizing: border-box;来避免计算内部元素大小

填充(padding)

元素内容与边框之间是可以设置距离的,大发快3称之为“填充”。填充也可分为上、右、下、左(顺时针)

例子:

前端学习笔记 HTML +CSS

边界(margin)

元素与其它元素之间的距离大发快3可以使用边界(margi大发快3n)来设置,顺序和填充一样是上,右,下,左。padding 在边框里,margin 在边框外。

如需转载,请注明文章出处和来源网址:http://t-lbs.com/rumen/r29144.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTM大发快3L基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-06-03 08:46 原创:DIVCSS5
本文t-lbs.com DIVCSS5版权所有。