css怎么用

/* 示例代码：设置一个简单的 CSS 样式 */

/* 选择器部分，这里使用的是标签选择器 */
body {
    /* 设置页面背景颜色为浅灰色 */
    background-color: #f0f0f0;

    /* 设置页面字体为 Arial */
    font-family: Arial, sans-serif;
}

/* 类选择器，用于给特定元素添加样式 */
.container {
    /* 设置容器的宽度为 80% */
    width: 80%;

    /* 将容器居中显示 */
    margin: 0 auto;

    /* 设置容器的内边距 */
    padding: 20px;

    /* 设置容器的背景颜色为白色 */
    background-color: #fff;

    /* 设置容器的边框为 1 像素宽的实线，颜色为黑色 */
    border: 1px solid #000;
}

/* ID 选择器，通常用于页面中唯一的元素 */
#header {
    /* 设置头部的字体大小 */
    font-size: 24px;

    /* 设置头部的颜色为蓝色 */
    color: blue;
}

/* 伪类选择器，用于鼠标悬停时改变链接的颜色 */
a:hover {
    /* 鼠标悬停时，链接颜色变为红色 */
    color: red;
}

解释说明：

1. 选择器：CSS 中的选择器用来指定要应用样式的 HTML 元素。常见的选择器有标签选择器（如 body）、类选择器（如 .container）、ID 选择器（如 #header）和伪类选择器（如 a:hover）。
2. 属性与值：每个选择器后面跟着一对大括号 {}，里面包含若干个属性和值，用分号 ; 分隔。例如 background-color: #f0f0f0; 表示将背景颜色设置为浅灰色。
3. 注释：在 CSS 中，注释使用 /* */ 包裹，方便开发者理解代码的功能和用途。

希望这段代码和解释能帮助你更好地理解如何使用 CSS！