CSS 内边距 边框 外边距

基本元素框

所有文档元素都会生成元素框。元素框所占空间如下所示：

黑色的边框为border.

元素属性 width height是指Content的宽度于高度。

外边距：margin

margin值的顺序为 top right bottom left

外边距的值如果时百分数，则按照其父元素的width来计算。

如果缺少左外边距的的值，则使用右外边距的值。如果缺少右外边距大的值，则使用上外边距的值，如果缺少下外边距的值，则使用上外边距的值。

外边距可以为负，元素的元素框宽度与父元素的width相等。所以当外边距为负时，子元素的width会超过父元素。

外边距的高度存在合并现象：两个元素上下排列时，上面元素的下外边距与下面元素的上外边距不是求和，而是取较大的值。

对于行内元素，左右外边距有效，上下外边距无效。

外边距的背景色取父元素的背景色。

边框border

border-style:border-top-style   border-right-style   border-bottom-style   border-left-style

border-width:border-top-width   border-right-width   border-bottom-width   border-left-width

border-color:border-top-color   border-right-color   border-bottom-color   border-left-color

border:border-top   border-right   border-bottom   border-left

对于以上的加黑部分，可以完成border属性的简写。对于属性的设定顺序（style,color,width）没有要求。如果少了某个属性的设置，则整个属性都不会生效。如下：

h1{border-top: black solid 3px}

内边距padding

内边距的上下边距没有取较大的，而是相加。