样式表位置： 1. 行内样式表 2. 内嵌样式表 3. 外部样式表 选择器： 1. 简单选择器 2. 组合选择器 3. 伪类选择器 4. 伪元素选择器 盒模型： 1. 内容 2. 边框 3. 外边距 4. 内边距 元素位置： 1. 普通流 2. 浮动 3. 定位 布局方法： 1. 等分布局 2. 瀑布流布局 3. 弹性盒子布局 颜色和字体： 1. 颜色属性 2. 字体属性
在这个底层层次结构中，每个子层都扮演着至关重要的角色。在样式表位置这一层，可以通过行内样式表进行针对特定元素的样式书写；通过内嵌样式表在网页中嵌入 CSS 样式表；使用外部样式表将 CSS 样式表集中管理。而选择器一栏则是指在 CSS 中可以使用的选择器种类及各种选择器的详细用法。
盒模型部分则表示网页上的内容和空间在布局和交互上的处理方法。包含内容、边框、内边距和外边距四个部分。元素位置说明元素在文档流中的位置及相对于前一个元素的浮动和定位情况。而布局方法体现了在网页中如何处理网页上的内容布局，如何处理整个页面的排列和分布，同时颜色和字体也是 CSS 样式设计的重要部分。