【css】基础总结

外边距与内边距

1 元素的背景会延伸到内边距中，但不会延伸到外边距。
因此，为元素指定的内边距和外边距会影响元素的背景何时结束。
2 对元素的外边距设置百分数值，百分数是相对于父元素的width计算而来的(即使margin-top也是)
3 上下外边距，正常流中垂直相邻的外边距会合并，
4 外边距可以应用到行内元素，对行高没有任何影响，由于外边距是透明的，所以没有任何视觉效果，其原因就在于行内非替换元素的外边距不会改变一个元素的高。但是如果设置了左外边距和右外边距的值，左外边距和右外边距是可见的。
5 边框
元素的外边距内就是元素的边框。元素的边框在外边距内部。
如果边框没有颜色，将与元素的文本颜色相同。另一方面，如果一个元素没有任何文本，那么该边框的颜色是父元素的文本颜色。
6 元素的背景会延伸到边框边界之外。
7 透明的边框相当于额外的内边距，此外还有一个好处，就是需要的时候对其可见。
8 不论为行内元素的边框指定怎样的宽度，元素的行高都不会改变，下面为粗体文本设置上下边框。对行内元素设置左右边框，不仅该边框可见，而且文本会在旁边显示。
9 内边距，上下内边距的百分数会相对于父元素宽度计算，而不是相对于高度。
10 内边距和行内元素
对于行内元素，外边距和内边距存在重要的区别。
如果为左右内边距设置了值，左右内边距将是可见的。注意，行内非替换元素的两端都出现了额外的空背景。理论上，对于有背景颜色的内边距和行内非替换元素，背景可以向元素上面和下面延伸。行高没有改变。
11 可以向图像应用内边距，不论替换元素是块级元素还是行内元素，内边距都会围绕其内容，背景色将填入该内边距。

基本视觉格式化

1 基本框：假定每个元素都会生成一个或多个矩形框。各元素框中心区有一个内容区。这个内容区周围有可选的内边距、外边距和边框。这些项之所以被认为是可选的，原因是他们的宽度可以设置为0