|
宽度和高度
对象的宽度和高度，用CSS属性中的Width和height来设置。
溢出
内容超过Box尺寸，用CSS属性中的overflow属性来设置“溢出”。
内边距、外边框、边框
内边距和外边框使用CSS属性中的padding、margin、border(如果还不明白padding，margin的区别，需掌握快捷写法。
快捷写法
padding:10px[所有边]
margin:10px5px[上边和下边][左边和右边]
boder-width：1px5px2px[上边][左边和右边][下边]
Padding:10px10px1em1em[上边][右边][下边][左边]
CSSpadding指的是边框与内容之间的空白区域，其中包括paddingleft：左内边距；paddingtop：上内边距；paddingright：右内边距；paddingbottom：底内边距。
CSSmargin指的是对象四边的外延边距。其中包括margin-left：左外边距；margin-top：上外边距；marginright：外右边距；marginbottom：底外边距。
margin的默认值是0，所以如果没有为margin声明一个值，就不会出现外边距。但是，在实际中，浏览器对许多元素已经提供了预定的样式，外边距也不例外。例如，在支持CSS的浏览器中，外边距会在每个段落元素的上面和下面生成“空行”。因此，如果没有为p元素声明外边距，浏览器可能会自己应用一个外边距。当然，只要你特别作了声明，就会覆盖默认样式。
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。如margin：5px6px7px8px;意味着四个方向的外边距是上是5，右是6，下是7，左是8，
如果只提供一个，将用于全部的四边。如margin：10px，意味只四个方向的外边距也是10px
如果提供两个，第一个用于上－下，第二个用于左－右。如margin：12px13px意味着四个方向的外边距是上下外边距是12px；右是13px
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。如margin：15px18px20px意味着四个方向的外边距是上15左右的外边距是18，下的外边距是20px，
另外，还可以为margin设置一个百分比数值：
p{margin:10%;}百分数是相对于父元素的width计算的。p元素设置的外边距是其父元素的width的10%。
同理padding也是如此，郑州网页设计培训在这里就不细讲了。
本文TAG关键词：
盒模型
网页设计培训
|
