CSS（层叠样式表）是用于控制网页样式和布局的语言。通过CSS，开发者可以独立于HTML内容来设计网页的表现。CSS样式定义了网页元素的外观，包括颜色、字体、间距、布局等属性。以下是定义CSS样式的基本方法和一些最佳实践。
CSS的基本语法
CSS规则集由两个主要部分组成：选择器和声明块。选择器用于选择要样式化的HTML元素，而声明块包含了一系列的属性和值，定义了元素的具体样式。
/* 选择器 { 属性1: 值1; 属性2: 值2; ... } */
p {
color: blue;
font-size: 16px;
}
在上面的例子中，p 是选择器，它选择了所有的（段落）元素。花括号{}内的部分是声明块，包含了两个属性：color和font-size，以及它们的值。
选择器的种类
CSS提供了多种类型的选择器，用于选择不同的HTML元素：
- 元素选择器：通过元素名称选择元素，如p、h1等。
- 类选择器：通过元素的class属性选择元素，使用点.表示，如.myclass。
- ID选择器：通过元素的id属性选择特定的元素，使用井号#表示，如#myid。
- 属性选择器：通过元素的属性或属性值选择元素，如[type="text"]。
- 伪类选择器：如:hover、:active、:focus等，用于选择元素的特定状态。
- 后代选择器：使用空格 表示，选择指定元素的后代，如div p选择div元素内的所有p元素。
- 子选择器：使用大于号>表示，选择指定元素的直接子元素。
- 兄弟选择器：使用加号 或波浪线~表示，选择紧随指定元素后的兄弟元素。
属性和值
CSS属性定义了样式的特征，而值则是这些属性的具体设定。属性和值是成对出现的，每对属性和值之间用冒号:分隔。
- 颜色属性：如color、background-color等。
- 字体属性：如font-family、font-size、font-weight等。
- 边框属性：如border、border-width、border-style、border-color等。
- 布局属性：如width、height、margin、padding等。
- 定位属性：如position、top、right、bottom、left等。
CSS的层叠性和继承性
- 层叠性：当多个样式规则应用于同一个元素时，它们会根据特定的优先级规则进行层叠。内联样式（直接在HTML元素上设置的样式）具有最高优先级，其次是ID选择器、类选择器、元素选择器等。
- 继承性：某些CSS属性会从父元素继承到子元素，如color和font-size等。
CSS的编写位置
CSS可以以多种方式应用到网页中：
- 内联样式：直接在HTML元素的style属性中编写CSS。
- 内部样式表：在HTML文档的部分使用