CSS样式表是一种样式表语言,用于描述网页上HTML元素的视觉表现。通过CSS,你可以设置各种样式,包括颜色、字体、尺寸、间距、动画等。CSS样式表通常保存在一个单独的`.css`文件中,然后通过HTML文件的``标签或者`style`标签引入。
一个简单的CSS样式表结构可能看起来像这样:
```css
/* CSS 样式表 */
body {
background-color: lightblue; /* 设置背景颜色 */
}
h1 {
color: navy; /* 设置标题文本颜色 */
text-align: center; /* 设置标题居中对齐 */
}
p {
font-family: verdana; /* 设置段落字体 */
font-size: 12px; /* 设置字体大小 */
}
```
上述CSS代码分别设置了body、h1和p元素的样式。`body`是整个网页的背景颜色,`h1`是标题文本的颜色和对齐方式,而`p`则是段落文本的字体和大小。你可以根据需要添加更多的样式规则。这些规则被称为选择器(selector),它们定义了哪些HTML元素会被样式化以及如何被样式化。选择器后面的大括号内的部分就是定义样式的部分。这些样式可以被应用于单个元素或多个元素,甚至可以应用于整个页面。注意CSS的规则是不区分大小写的。也就是说,"BODY"和"body"在CSS中是等价的。因此通常建议使用小写形式以保持一致性。另外,你可以在多个元素中应用相同的样式规则来简化代码和提高效率。