CSS3层叠样式（Cascading Style Sheets，缩写为CSS）是一种用于定义HTML和XML页面的样式的语言。CSS3引入了许多新功能和样式属性，包括阴影、圆角、动画和渐变。在本文中，我们将比较CSS3的两个关键概念：层叠和优先级。

/* CSS3样式代码 */
div {
background: #f5f5f5;
border: 1px solid #ccc;
padding: 10px;
}
div p {
font-size: 18px;
color: #333;
}

层叠是CSS的一个基本原则，意味着在应用相同的样式属性时，后面的样式会覆盖前面的样式。例如，如果您将背景颜色设置为红色，然后又将其设置为绿色，则绿色将是最终呈现的颜色。

CSS中的优先级是用于解决层叠问题的一种机制。当多个样式规则应用于同一元素时，将使用优先级最高的规则。优先级通常由选择器的特定类型和数量来确定。例如，在下面的CSS代码中，选择器div p的优先级高于选择器div。

/* 优先级比较代码 */
div {
font-size: 16px;
color: blue;
}
div p {
font-size: 18px;
color: red;
}

在实际使用中，优先级的计算方式非常严格，需要考虑选择器的类型、数量和特殊字符。如果不确定优先级规则，可以使用!important关键字来简单快速地将样式应用于元素。

总的来说，CSS3的层叠和优先级使得我们能够更加灵活、精细地控制网页的样式，提供了更好的用户体验。在开发网页时，理解这些概念是非常重要的。