CSS（层叠样式表）是一种用于为 HTML 页面添加样式的语言。CSS 样式可以控制网页的布局、颜色、字体大小、背景图像、边框等各个方面，从而增强网页的视觉效果和交互性。

CSS 样式可以由以下组成：

1. 属性
2. 值
3. 选择器

属性是描述样式的特征和属性名，例如 "color"、"font-size"、"background-color" 等。

h1 {
color: red;
font-size: 36px;
background-color: yellow;
}

值是 CSS 属性所能接受的特定类型，例如颜色、长度、字体系列等。每个属性都有一系列可能的值，例如：

h1 {
color: red; /* 颜色 */
font-size: 36px; /* 长度 */
font-family: Arial, sans-serif; /* 字体系列 */
}

选择器是一种用于指定应用样式的 HTML 元素的方法。选择器可以根据 HTML 元素的标签名称、类、ID、属性等来进行选择。例如：

/* 标签名称选择器 */
h1 {
font-size: 36px;
}
/* 类选择器 */
.text-red {
color: red;
}
/* ID 选择器 */
#header {
background-color: yellow;
}
/* 属性选择器 */
input[type="text"] {
border: 1px solid #ccc;
}

通过组合属性、值和选择器，我们可以创建各种各样的 CSS 样式来美化网页。 CSS 样式可以通过内联样式、内部样式表和外部样式表等方式来应用到 HTML 页面中。