/ 知识库     / 试卷库

CSS语法及选择器

CSS由元素选择器、样式声明集合组成,其中样式声明通过属性:属性值的形式表示每个样式之间用分号隔开,形成样式声明的集合。整个样式声明的集合用花括号{}包含其中,具体格式如下:

选择器{属性1:属性值;属性 2:属性值,···;属性 n:属性值;}

选择器是指定样式声明作用的页面元素对象,可以是一个具体的对象,也可以是符合条件的多个对象。

常用的选择器有以下4种。

(1)标签选择器:直接指定某个具体元素,例如 h1{color:red;},表示 h1标题的字体颜色为红色。

(2)类选择器:通过类名的形式,指定页面中具有指定 class 属性值的元素集合。例如,页面中的标题< h1>和段落<p>有相同的 class 属性值

<h1 class="red">这个标题字体颜色为红色</h1>
<p class="red">这个段落字体颜色为红色</p>

那么可以通过.red{color:red;},将这两个元素的文字颜色都设置为红色

(3)id选择器:通过#id的形式,指定页面中对应d 属性值的唯一元素例如,页面中包含代码如下:

<p id="center">这个标题要居中</p>

注意,页面中元素的id值必须唯一的,因此可以通过以下语句指定段落的文字以居中显示。例如:

#center{text -align:center;}

(4)通配选择器:使用通配符 * 的形式,指定所有类型的元素。一般用于通用样式的设置。

此外,还可通过多个选择器搭配,从而形成一个组合选择器,可以更加灵活地选择指定的元素对象。