1. 选择器
选择器是CSS中最基本的语法规则之一。选择器定义了可以哪些元素被选择，以及如何对这些元素进行样式处理。选择器可以分为基本选择器和扩展选择器两种。
基本选择器包括：
– ID选择器：选择具有特定ID属性的元素。
– 类选择器：选择具有特定类名和属性值的元素。
– 属性选择器：选择具有指定属性值的元素。
– 伪类选择器：选择具有指定伪类名和属性值的元素。
扩展选择器包括：
– 绝对选择器：选择父级元素及其所有子元素。
– 相对选择器：选择当前元素及其所有直接子元素。
– 混合选择器：选择包含一个或多个选择器的HTML元素。
2. 属性
在CSS中，属性是用于设置元素的样式值的变量。属性可以包括基本属性和扩展属性。
基本属性包括：
– font-family：用于设置字体的名称和格式。
– font-size：用于设置字体的大小。
– line-height：用于设置行高和字距。
– font-style：用于设置字体样式，如斜体、常规等。
– font-weight：用于设置字体权重，如正常、粗体等。
扩展属性包括：
– background-color：用于设置背景颜色。
– color：用于设置文本颜色。
– background-size：用于设置背景图片的大小。
– background-repeat：用于设置背景的重复方式。
– background-position：用于设置背景的放置方式。
3. 伪类
伪类是CSS中一种高级语法规则，用于创建复杂的样式。伪类包括：
– ^：选择当前元素的第一个子元素。
– $：选择当前元素的第一个非儿子元素。
– *：选择所有元素。
– +：选择当前元素的第一个子元素和其第一个非儿子元素。
– -：选择当前元素的第一个子元素和其第二个非儿子元素。
4. 层叠
层叠是CSS中一种高级的语法规则，用于创建渐变和动画效果。层叠使用多个CSS样式，将它们按顺序叠加在一起。
5. 响应式
响应式是CSS中一种重要的语法规则，用于根据设备类型和浏览器类型调整样式。响应式包括：
– media：用于设置媒体类型，如文字大小、颜色等。
– size：用于设置元素的大小，包括宽度和高度。
– weight：用于设置元素的权重，将根据宽度的变化而变化。
6. 运算符
运算符是CSS中用于操作元素的语法规则。运算符包括：
– +：加法运算符，用于设置元素的值。
– -：减法运算符，用于设置元素的值。
– *：乘法运算符，用于设置元素的值。
– /：除法运算符，用于设置元素的值。
– %：取模运算符，用于设置元素的值。
7. 关系运算符
关系运算符是CSS中用于比较两个值的语法规则。关系运算符包括：
– ==：用于比较两个值是否相等。
– !=：用于比较两个值是否不相等。
– >：用于比较一个值是否大于另一个值。
– <：用于比较一个值是否小于另一个值。
– >=：用于比较一个值是否大于等于另一个值。
– <=：用于比较一个值是否小于等于另一个值。
8. 声明
声明是CSS中用于声明变量的语法规则。声明可以声明基本属性、扩展属性和伪类属性。声明可以包括变量名和变量值。
声明的语法规则如下：
– font-family:
– color:
– background-color:
– background-size:
– background-repeat:
– background-position:
– font-size:
– line-height:
– font-style:
– font-weight:
以上就是CSS基本语法规则的概述。通过了解这些语法规则，可以更好地理解和使用CSS，并创建出符合用户需求的网页样式。