CSS样式规则定义HTML元素的视觉样式，包含选择器(确定适用元素)和声明块(定义样式属性和值)。选择器包括元素选择器(指定元素名称)、类选择器(指定类名)、ID选择器(指定ID)和后代选择器(选择子元素)。声明块包含样式属性及其值，用于改变元素的外观，例如文本颜色、字体大小和背景颜色。
CSS样式规则
CSS 样式规则用于定义 HTML 元素的视觉样式。每个规则包含两个主要部分：
- 选择器：确定规则适用的 HTML 元素。
- 声明块：定义元素的样式属性及其值。
选择器
选择器可以以多种方式指定目标元素：
立即学习“前端免费学习笔记（深入）”；
-
元素选择器：选择具有特定名称的元素，例如
p或div。 -
类选择器：选择具有特定 CSS 类名的元素，例如
.my-class。 -
ID 选择器：选择具有特定 ID 的元素，例如
#my-id。 -
后代选择器：选择一个元素的子元素，例如
div p。
声明块
声明块包含一组样式属性，每个属性都后跟一个冒号和一个值：
-
属性：要设置的样式属性，例如
color、font-size或background-color。 -
值：属性的实际值，例如
red、12px或#ffffff。
示例 CSS 样式规则
p {
color: blue;
font-size: 16px;
}
.my-class {
background-color: yellow;
padding: 10px;
}第一个规则适用于所有段落 (p) 元素，将它们的文本颜色设置为蓝色，字体大小设置为 16 像素。第二个规则适用于所有具有 my-class CSS 类的元素，将它们的背景颜色设置为黄色，并添加 10 像素的内边距。
