CSS(层叠样式表)是一种用于描述网页外观和布局的标记语言。它可以通过选择器来选择HTML元素,并为其应用样式。
CSS语法结构由三部分组成:选择器、属性和值。
-
选择器:选择器用于指定要应用样式的HTML元素。常见的选择器有标签选择器、类选择器、ID选择器、后代选择器等。例如,
p
表示所有段落元素,.class
表示具有class类的HTML元素,#id
表示具有特定ID的元素。 -
属性:属性用于指定要应用的样式的属性名称。例如,
color
表示文本颜色,background-color
表示背景颜色,font-size
表示字体大小等。 -
值:值用于指定属性的具体取值。例如,
red
表示红色,16px
表示16像素的大小等。
一个基本的CSS规则如下所示:
selector {
property: value;
}
其中,选择器是要应用样式的HTML元素,属性是要设置的样式的名称,值是属性的具体取值。
例如,要将所有的段落文本颜色设置为红色,可以使用以下CSS规则:
p {
color: red;
}
还可以使用多个属性和值对来定义更复杂的样式规则。例如,要将具有class名为"highlight"的段落文本颜色设置为黄色,并将背景颜色设置为浅蓝色,可以使用以下CSS规则:
.highlight {
color: yellow;
background-color: lightblue;
}