菜鸟css

/* 这是一个简单的 CSS 示例，适用于初学者 */

/* 选择器：选择 HTML 元素并应用样式 */
body {
    /* 设置页面的背景颜色为浅灰色 */
    background-color: #f0f0f0;
}

h1 {
    /* 设置标题的颜色为蓝色 */
    color: blue;
    /* 设置标题的字体大小为 24 像素 */
    font-size: 24px;
}

p {
    /* 设置段落的字体颜色为黑色 */
    color: black;
    /* 设置段落的字体大小为 16 像素 */
    font-size: 16px;
    /* 设置段落的行高为 1.5 倍 */
    line-height: 1.5;
}

/* 类选择器：使用类名来选择元素 */
.highlight {
    /* 设置带有 .highlight 类的元素背景颜色为黄色 */
    background-color: yellow;
}

/* ID 选择器：使用 ID 来选择唯一的元素 */
#special {
    /* 设置带有 id="special" 的元素字体颜色为红色 */
    color: red;
}

解释说明：

• 选择器：CSS 使用选择器来选择要应用样式的 HTML 元素。常见的选择器包括标签选择器（如 body、h1、p）、类选择器（如 .highlight）和 ID 选择器（如 #special）。
• 属性：每个选择器后面跟着一个花括号 {}，里面包含一系列属性和值，用于定义样式。例如，color: blue; 表示将文本颜色设置为蓝色。
• 注释：在 CSS 中，注释以 /* */ 包围，用于解释代码的作用，帮助理解和维护。

希望这个示例能帮助你理解 CSS 的基本用法！