学习-WEB前端快速入门-32.L034标准盒子模型

142 阅读1分钟

一、简介

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 代表内容距边框的距离,不可为负值。