CSS具有层叠性，即多个样式定义对一个元素的样式有影响，并按照一定的优先级顺序进行层叠。通过层叠，用户可以自定义网页的外观，更准确地控制网页布局。
一个简单的CSS样式表由一系列样式规则组成，其中每条规则都包含一个选择器和一组CSS属性。如下所示：
选择器 {
属性1: 值1;
属性2: 值2;
}
选择器 {
属性1: 值1;
属性2: 值2;
}其中，选择器用于选择要应用样式的HTML元素，属性和值定义了元素的外观和布局。例如，可以定义一个所有段落文字颜色为红色的样式：
p {
color: red;
}此样式将对HTML文档中所有的<p>标签内的文本文字颜色应用红色属性。但是，如果页面上有其他选择器也定义了颜色属性，那么优先级顺序将会决定最终的样式。以下是选择器优先级顺序：
1. !important声明 2. 行内样式 3. ID选择器 4. 类选择器、属性选择器、伪类 5. 标签选择器、伪元素 6. 通配符选择器 7. 继承的样式（在父元素中定义，但是没有被子元素覆盖）
如果有相同的优先级的样式冲突，按照就近原则来选择，即最后定义的样式将会被使用。例如，如果一个元素同时有一个类选择器样式和一个标签选择器样式，那么类选择器样式将优先起作用。
在编写CSS时，可以使用注释将代码分组，提高代码可读性。CSS注释以/*开头，以*/结尾，可以跨越多行，并且不会被解析器执行。以下是注释的示例：
/* 这是一个注释，用于解释下面的代码 */
选择器 {
属性1: 值1;
属性2: 值2;
/* 这是另一个注释，用于解释此处的代码 */
属性3: 值3;
}总之，对于网页设计和外观控制，CSS是必不可少的工具，掌握好CSS的优先级顺序和层叠规则，可以帮助你更快速和准确地创建自己想要的页面外观。