一、简介
CSS中Box model是分为两种: W3C标准盒子模型和IE怪异盒子模型。
大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。
W3C盒子模型的范围包括margin、border、 padding、 content ,并且content部分不包含其他部分
二、外边距
当margin取1个值,代表四周
当margin取2个值,第一个值代表上下,第二个值代表左右
当margin取3个值时,三个值分别代表,上 左右 下
当margin取4个值时,4个值分别代表,上 右 下 左 顺时针取值
单边属性 margin-top
备注:单边属性要写到复合属性的下边
三、内边距
padding (填充)
padding (填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。
当元素的padding (填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。
单独使用padding属性可以改变上下左右的填充。
单边属性:
padding-top:;
padding-bottom:;
padding-right:;
padding-left;
padding 代表内容距边框的距离,不可为负值。