css学习

/* 示例代码：简单的 CSS 样式 */

/* 选择器：所有 <p> 元素 */
p {
    color: blue; /* 设置文本颜色为蓝色 */
    font-size: 16px; /* 设置字体大小为 16 像素 */
}

/* 选择器：带有 class="highlight" 的元素 */
.highlight {
    background-color: yellow; /* 设置背景颜色为黄色 */
    padding: 5px; /* 设置内边距为 5 像素 */
}

/* 选择器：id 为 "header" 的元素 */
#header {
    text-align: center; /* 设置文本居中对齐 */
    font-weight: bold; /* 设置字体加粗 */
}

/* 选择器：鼠标悬停在 <a> 元素上时 */
a:hover {
    text-decoration: none; /* 移除下划线 */
    color: red; /* 设置文本颜色为红色 */
}

解释说明：

• 选择器：CSS 使用选择器来定位 HTML 文档中的元素。常见的选择器包括标签选择器（如 p）、类选择器（如 .highlight）和 ID 选择器（如 #header）。
• 属性与值：每个选择器后面跟着一对大括号 {}，里面包含一个或多个样式规则。每个规则由属性（如 color）和值（如 blue）组成，中间用冒号 : 分隔，结尾用分号 ;。
• 伪类：例如 a:hover 是一种伪类选择器，用于定义当用户将鼠标悬停在链接上时的样式。

这段代码展示了如何使用 CSS 来设置文本颜色、字体大小、背景颜色、内边距、文本对齐方式以及鼠标悬停效果。