在CSS中，层叠是指当多个样式规则应用于同一元素时，这些规则将按照特定的优先级顺序逐个应用于元素，并相互影响和叠加，从而形成最终的视觉效果。

    p {
        color: red;
        font-size: 16px;
    }
    p {
        font-size: 18px;
        font-weight: bold;
    }

对于上述代码，由于第二个p规则覆盖了第一个p规则中的font-size属性，并且将加粗文本，因此当应用于页面中的p元素时，所有的段落将以18px的字体大小和加粗字体显示，而颜色仍然保持为红色。

优先级顺序是CSS中实现层叠的关键。在计算优先级时，以下规则适用：

1. 内联样式（样式属性直接应用于元素上的style属性）
2. ID选择器
3. 类选择器，属性选择器和伪类
4. 类型选择器和伪元素
5. 通用选择器和继承（通用选择器对应的样式规则的优先级较低，因为它们会影响到所有元素）

在优先级相同的情况下，规则定义的顺序通常决定着哪个规则将被应用。例如，如果两个规则具有相同的选择器并设置了相同的属性，那么最后定义的规则将覆盖之前的规则。

通过层叠，我们可以轻松地控制网页的样式，但也需要小心地应用，以免出现不必要的冲突和混乱。了解优先级顺序以及如何撰写具体的选择器是实现良好层叠的关键。