css样式就得这么写(css参考样式集合)

CSS样式是一种用于在网页中设置元素外观和布局的语言。在CSS中，可以使用各种选择器和属性来定义不同元素的样式。

CSS样式通常包括选择器和一套属性-值对。选择器用于选择要应用样式的元素，而属性-值对则用于指定要应用的样式。

以下是一些常见的CSS选择器：

1. 元素选择器：可以通过元素的标签名选择元素。例如，使用`p`选择所有的段落元素。

2. 类选择器：通过类名选择元素。类选择器以`.`开头，后面跟着类名。例如，使用`.red`选择所有包含类名为`red`的元素。

3. ID选择器：通过元素的*ID选择元素。ID选择器以`#`开头，后面跟着ID名称。例如，使用`#header`选择ID为`header`的元素。

4. 属性选择器：根据元素的属性值选择元素。属性选择器可以使用不同的比较运算符，如`=`、`^=`、`$=`等。例如，使用`[type="text"]`选择所有`type`属性值为`text`的元素。

5. 伪类选择器：选择特定状态下的元素，比如鼠标悬停的元素。伪类选择器以`:`开头，后面跟着伪类名称。例如，使用`:hover`选择鼠标悬停的元素。

CSS属性-值对用于指定要应用的样式。以下是一些常见的CSS属性：

1. 背景属性：用于设置元素的背景样式，如`background-color`用于设置背景颜色，`background-image`用于设置背景图片。

2. 字体属性：用于设置元素的字体样式，如`font-family`用于设置字体系列，`font-size`用于设置字体大小。

3. 边框属性：用于设置元素的边框样式，如`border-width`用于设置边框宽度，`border-color`用于设置边框颜色。

4. 尺寸属性：用于设置元素的尺寸，如`width`和`height`用于设置元素的宽度和高度。

5. 定位属性：用于设置元素的位置，如`position`用于设置元素的定位方式，`top`和`left`用于设置元素的上方和左侧距离。

以上只是一小部分常用的CSS选择器和属性，还有许多其他选择器和属性可用于实现更复杂的样式效果。

在编写CSS样式时，可以将选择器和属性-值对组合在一起，根据需要创建多种样式规则。可以将CSS样式直接写在HTML文件的`