本文介绍了CSS盒子模型，包括内容区域设定(content)、内边距(padding)、外边距(margin)和边框(border)的详细设定方法。内容区域可以通过width和height设定，内边距和外边距分别控制元素内部和外部的空间，边框设定涉及宽度、样式和颜色。文章还讨论了方向性复合属性值的缩写方法，并讲解了盒模型的大小计算和注意事项，如margin值的解析和子元素margin的影响。
1. 内容区域设定(content)：
width：宽度的设定
height：高度的设定
宽度和高度的设定可以是具体的数值（带单位），也可以是百分比设置。
2. 内边距（padding）的设定：
盒子的内边距分为上右下左四个方向
内边距的设定用来控制盒子中装载的内容到盒子边缘（边框）之间距离。
盒子的内边距占据的是盒子里面的空间，最小为0，不允许出现负值。
3. 外边距（margin）的设定
盒子的外边距分为上右下左四个方向
外边距的设定用来控制盒子外围四周的距离，不属于盒子本身范畴
外边距的主要用途是控制盒子的位置，所以可以出现负值
4. 边框（border）的设定
大部分的元素对象在默认情况下是没有边框的
要设定边框，必须同时设定3个要素：宽度、样式和色彩。
border 复合属性
边框按属性要素分类的扩展属性（border-width：边框宽度；border-style：边框样式；border-color：边框色彩）
5. 方向性复合属性值的缩写方法
具有方向性的复合属性可以在一个声明中设置所有方向的定义，该属性可以具有1—4个值。
margin的使用方法
说明：
边界：margin,在元素外边的空白区域，被称为边距/边界。 “属性值的用法同上”
margin-left:左边界
margin-right:右边界
margin-top:上边界
最低0.47元/天 解锁文章
扫一扫
1649
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
