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)通配选择器:使用通配符 * 的形式,指定所有类型的元素。一般用于通用样式的设置。
此外,还可通过多个选择器搭配,从而形成一个组合选择器,可以更加灵活地选择指定的元素对象。