css层叠是指在HTML文档中，当多个CSS规则同时应用于同一个元素时，浏览器如何决定哪个规则将被应用于元素，并且如何处理规则之间的冲突。CSS层叠机制是基于一系列的规则和优先级来工作的，这些规则和优先级决定了哪些样式将被应用于元素，以及当多个样式冲突时，哪个样式将被优先选择。其规则顺序是先浏览器默认样式、外部样式表、内部样式表、内联样式。
本教程操作系统：windows10系统、DELL G3电脑。
CSS层叠是前端开发中非常重要的概念之一。它是指在HTML文档中，当多个CSS规则同时应用于同一个元素时，浏览器如何决定哪个规则将被应用于元素，并且如何处理规则之间的冲突。
CSS层叠机制是基于一系列的规则和优先级来工作的。这些规则和优先级决定了哪些样式将被应用于元素，以及当多个样式冲突时，哪个样式将被优先选择。下面我们将详细介绍CSS层叠的规则和优先级。
首先，CSS层叠规则是按照特定的顺序进行处理的。这个顺序是：
1. 浏览器默认样式：浏览器会为每个HTML元素定义一些默认样式。这些样式通常是由浏览器厂商定义的，用于确保页面在没有CSS样式的情况下也能正常显示。
2. 外部样式表：外部样式表是一种将CSS样式定义在一个单独的文件中，然后在HTML文档中引用的方法。当浏览器解析HTML文档时，它会首先加载外部样式表，并应用其中的样式。
3. 内部样式表：内部样式表是将CSS样式定义在HTML文档的`
