就个人理解而言,CSS分为选择器、样式(例如颜色、边框效果等等)、布局(例如内边距、外边距等等)。

布局

从box-sizing开始,早期的css默认为content-box,导致了元素的宽度虽然等于内容的实际宽度,但是在border、padding、margin存在的情况下,元素的实际大小就随之发生了变化,不得不手动计算元素的实际宽度甚至高度,这就是常规的布局问题。

元素布局

媒体元素
表单元素
块级元素
行内元素

文字布局