css框模型 初总结

说明：top-right-bottom-left设置多个值时的顺序,例如(1,2,3)表示上1，右左2，下3；(1,2)表示上下1，左右2

1.      内边距padding 注意：上下内边距的百分数会相对于父元素宽度设置，而不是相对于高度。也可以分开设置(padding-top;padding-right)

2.      外边距 margin 注意：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

3.      边框样式border-style 可能的值(none,定义无边框|solid,实线|dashed,虚线|dotted,点状|double,双线),(border-top-style,border-right-style)

4.      边框宽度border-width 可能的值(thin,细边框|thick,粗|medium,默认中等边框|length,自定义值),(border-top-width,border-right-width)

5.      边框颜色border-color (border-top-color,border-right-color)

6.      简写属性border 可能的值(border-width|border-style|border-color)

7.      简写属性border-bottom可能的值(border-bottom-width|border-bottom-style|border-bottom-color)

8.      外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。注意：只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。