CSS标签选择器之样式选择器（1）

标签选择器-有时也称为类型选择器，或者元素选择器。这是非常有效的样式化工具，因为它们将应用到某个HTML标签在网页上的所有位置。你可以毫不费力的利用它们对网页进行大规模的设计。例如，当你要让网页上的每个文本段落都是使用同一种字体、颜色和字号等。只要用<p></p>标签作为选择器创建一个样式即可。从根本上讲，标签选择器重新的定义了浏览器要如何显示某个特定的标签。

在CSS样式出现之前，为了格式化文本，不得不将文本包在<font></font>标签里面如果须要给网页上的每一个段落都设置相同的外观。经常不得不多次使用<font>标签、这个过程十分费力，并且须要修改很多HTML代码，也使得网页下载变得更慢，更新起来更加费时。而改用标签选择器时，实际上根本不须要去动HTML---只要创建CSS规则，让浏览器去完成剩下的工作即可。

在CSS规则中很容易辨认出标签选择器，因为它们与要设置样式的标签完全同名，如p、h1、table、img，等等。比如：给h2选择器加上一些字体样式：

h2{
 font-family:"Century Gothic","Gill Sans",sans-serif;
 color:#000000;
 margin-top:0;
}

注：在CSS的标签选择器规则中，只需要输入HTML标签的名称即可。

然而，标签选择器本身也存在不足之处。假如你想让其中的某些段落看起来与其他段落不一样，应该怎么办呢？一个简单的标签选择器是做不到的，因为它没能给Web浏览器提供足够的信息进行判断。值得庆幸的是，CSS提供了好几种方法来解决这个问题，这就是下一节要介绍的CSS类选择器。

新浪微博 QQ空间 腾讯微博 人人网 更多 0