CSS（Cascading Style Sheets，层叠样式表）是用于控制网页样式和布局的一种语言。它通过定义内容的显示方式，使得网页设计师能够实现精美的视觉效果。CSS的设计有三个主要组成部分，它们共同构成了CSS的完整语法和功能。这三个组成部分分别是：选择器（Selectors）、属性（Properties）和值（Values）。
选择器（Selectors） 选择器是CSS中用于指定样式应用到HTML元素的方式。它们可以是元素类型、类、ID或者是属性选择器。通过选择器，开发者可以精确地定位到网页中的特定元素，并为其应用样式。例如，p 选择器表示所有的 <p> 段落元素，而 .class 选择器则表示所有具有该类名的元素。
属性（Properties） 属性是CSS中定义样式特征的关键词。它们描述了选择器应该如何被渲染。属性是CSS规则的核心，涵盖了从字体大小、颜色到布局方式等各个方面。每个属性都有一个对应的值，两者一起定义了样式的具体表现。例如，color 是一个属性，而 red 则是该属性的一个可能的值。
值（Values） 值是属性的具体设置，它告诉浏览器如何处理属性。值可以是颜色、数字、百分比或者是其他CSS中定义的有效值。值与属性一起构成了一条完整的CSS规则。例如，如果将 color 属性设置为 blue，则完整的规则可能是 color: blue;。
这三个组成部分在CSS中是如何协同工作的呢？下面是一个简单的例子：
p {
color: red;
font-size: 16px;
}
在这个例子中，p 是选择器，它选择了所有的 <p> 元素。接下来的大括号 {} 内包含了两条规则。每条规则都由一个属性和一个值组成：color: red; 表示将文本颜色设置为红色，而 font-size: 16px; 表示将字体大小设置为16像素。
CSS的这三个组成部分共同定义了网页的样式规则，使得开发者能够创建出既美观又实用的网页设计。通过深入理解这三个组成部分，开发者可以更加灵活和高效地使用CSS，为用户带来更好的网页浏览体验。
