如何使用CSS 元素选择器

1、常规的元素选择器。一个元素名加上一个声明就可以完成了。

html {color:black;}h1 {color:blue;}h2 {color:silver;}

2、类型选择器。虽然在网页当中有着很多的元素，但是这些元素有着自己固定的类型，我们可以用特定称谓来声明。

heading  {  color: red;  font-size:60px;  display: block;  }  页眉

body  {  color: blue;  font-size:35px;  display: block;  } 内容

3、同一种样式的元素可以合并成一个小组！

body, h2, p, table, th, td, pre, strong, em {color:gray;}

4、比较复杂的声明分组形式。

<style type="text/css">

h1, h4 {color:silver; background:white;}

h2 {color:silver;}

h3 {color:white;}

h2, h3 {background:gray;}

b {color:gray; background:white;}

</style>

5、为了应对复杂的网页形式，我们可以把选择器分组与声明分组同时进行。

h1, h2, h3, h4, h5, h6 {  color:gray;  background: white;  padding: 10px;  border: 1px solid black;  font-family: Verdana;  }

6、为元素单独的指定样式。我们可以通过这个class 来为某一个元素单独指定一个样式。

<p class="important">This paragraph is very important.