CSS 是层叠样式表（Cascading Style Sheets）的缩写，是一种用来描述文档（通常是 HTML 文档或 XML 文档）的呈现方式的语言。它与 HTML 一样，是一种标记语言，但是它的作用是为网页或应用程序添加样式和布局。CSS 的底层原理可以简单概括如下：
选择器：CSS 根据选择器来选择文档中需要样式化的元素。选择器可以根据元素的标签名、类名、ID 等特性进行选择。
样式规则：CSS 样式规则由选择器和声明组成。声明由属性和属性值组成，指定了选择器匹配的元素的样式。
层叠：当多个样式规则应用到同一个元素时，CSS 使用层叠机制来确定哪些规则应用到元素上，以及它们的优先级。
继承：某些属性值可以从父元素继承到子元素。这意味着，如果某个元素没有明确指定某个属性的值，那么它将从它的父元素继承该属性的值。
盒模型：CSS 中的盒模型描述了文档中元素的布局方式，包括元素的内边距、边框、外边距等属性。盒模型使开发人员能够更加精确地控制元素的布局和大小。
浏览器渲染：当浏览器解析 HTML 文档时，它会同时解析 CSS 样式表，并根据样式规则对文档中的元素进行渲染。渲染过程包括确定元素的位置和大小，以及将元素的内容绘制到屏幕上。
CSS 的底层原理包括选择器、样式规则、层叠、继承、盒模型和浏览器渲染等多个方面，这些方面相互作用，共同实现了 CSS 的各种功能。了解 CSS 的底层原理可以帮助开发人员更好地理解和应用 CSS。
