1. 选择器
选择器是CSS中最基本的类之一。它们用于选择HTML元素中的某些属性，以便将其应用于其他元素。选择器可以分为以下几类：
– 属性选择器：用于选择具有指定属性的HTML元素。例如，选择所有段落元素为“p”属性选择器。
– 伪类选择器：用于选择具有特定形态的HTML元素。例如，选择所有下划线元素为“:first-child”伪类选择器。
2. 颜色
颜色是CSS中的另一个重要类。它用于选择和设置颜色，可以使用颜色字符串或RGB值进行设置。颜色类可以分为以下几类：
– 基本颜色：用于设置单色颜色。例如，使用“#FF0000”设置红色。
– 渐变颜色：用于设置颜色渐变效果。例如，使用“@渐变色/渐变类型”设置渐变色。
– 背景颜色：用于设置页面的背景颜色。例如，使用“background-color”属性设置背景颜色。
3. 字体
字体是CSS中的另一个重要类。它用于选择和设置字体，可以使用字体文件或CSS字体样式进行设置。字体类可以分为以下几类：
– 基本字体：用于设置字体的基本样式。例如，使用“font-family”属性设置字体。
– 字形选择器：用于选择具有指定字形的HTML元素。例如，选择所有段落元素为“h2”字形选择器。
– 字体样式选择器：用于选择具有指定样式的HTML元素。例如，选择所有段落元素为“h2”样式选择器。
4. 布局
布局是CSS中的另一个重要类。它用于控制网页的布局，可以使用绝对定位、相对定位、层叠和网格布局等技巧进行布局。布局类可以分为以下几类：
– 绝对定位：用于将HTML元素放置在页面中的任意位置。例如，使用“position: absolute”属性将元素设置为绝对定位。
– 相对定位：用于将HTML元素相对于其最近的非空父元素的相对位置进行定位。例如，使用“position: relative”属性将元素设置为相对定位。
– 层叠：用于将多个HTML元素叠加在一起，以便更好地展示其内容。例如，使用“display: flex”将元素设置为层叠布局。
– 网格布局：用于将HTML元素按照网格结构进行布局。例如，使用“display: grid”将元素设置为网格布局。
CSS是一种用于控制网页样式和布局的语言。它可以用于创建各种类型的网页，包括静态和动态网站。通过选择器、颜色、字体和布局等类，可以更好地控制网页的样式和布局，从而增强用户体验。