css框模型

每一个元素都是框模型：

框模型包括内容（width、height）、padding、boder和margin。

element：

width宽

height高

padding：

padding-top、padding-left、padding-right、padding-bottom

border：

border-style（border-top-style、border-right-style、border-bottom-style、border-left-style）、border-width（border-top-width、border-right-width、border-bottom-width、border-left-width）、border-color（border-top-color、border-right-color、border-bottom-color、border-left-color）

可以将border的颜色设置为transparent，相当于padding增加了，元素的背景会延伸到边框，必要时可以设置为非透明，

margin：

margin-top、margin-right、margin-bottom、margin-left

 

padding、margin都是从top开始，顺时钟，进行宽度分配的。

外边距还存在合并的情况。

 

转载于:https://www.cnblogs.com/Zhengxiaoxiao/p/10664543.html