CSS(层叠样式表)是用于描述HTML或XML文档样式的样式表语言。它用于设置网页元素的样式,如颜色、字体、布局等。
基础语法
CSS的基本语法如下:
选择器 {
属性: 值;
}
例如,以下代码将使所有p
元素的文本颜色变为红色:
p {
color: red;
}
选择器
CSS选择器用于指定要应用样式的HTML元素。以下是一些常用的选择器:
- 元素选择器:根据元素类型选择元素,例如
p
、div
等。 - 类选择器:根据元素的类属性选择元素,例如
.my-class
。 - ID选择器:根据元素的ID属性选择元素,例如
#my-id
。
属性和值
CSS属性定义了元素的样式,例如color
、font-size
、background-color
等。每个属性都有对应的值,用于设置样式。
以下是一些常用的CSS属性和值:
- color:设置文本颜色,例如
red
、#ff0000
等。 - font-size:设置字体大小,例如
12px
、16pt
等。 - background-color:设置背景颜色,例如
blue
、#0000ff
等。
嵌入式和外部样式表
CSS样式可以嵌入到HTML文档中,也可以通过外部样式表应用。
- 嵌入式样式表:在HTML文档的
<head>
部分使用<style>
标签定义样式。 - 外部样式表:将CSS样式保存在外部文件中,然后在HTML文档中通过
<link>
标签引用。
例如,以下是一个嵌入式样式的示例:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是一个红色文本。</p>
</body>
</html>
更多资源
如果您想了解更多关于CSS的信息,请访问我们的CSS教程页面。