三、标签样式的重新定义

在前述新建CSS样式时，我们除了可以直接选择“类”，还可以选择“标签（重新定义HTML元素）”，如图2-24所示。

图2-24 标签样式重新定义中的标签下拉菜单

这时“选择器名称”下拉框中出现了body这个标签，点击下拉式菜单可以看到，在这个下拉式菜单里，列出了各种现成的HTML标签名。我们可以重新定义HTML现有标签的样式，如图2-24所示。

例如，如果我们不喜欢文字链接的下画线，我们可以修改对<a …>标签的定义（图2-25），把a标签Text-decordtion改成none，如图2-26所示。

图2-25 标签样式定义窗口

图2-26 标签样式的修改

看一下新的style.css中的CSS样式代码，如图2-27所示，CSS文件中多了一句：

a{
    text-decoration:none;
}

图2-27 标签样式重新定义的HTML文件

从图2-28可以看出，“返回首页”的下画线已经没有了，而HTML中“<a href="index.html">返回首页</a>”这条语句没有任何变化。这就是标签重新定义的结果。

图2-28 a标签经过样式重新定义后的显示结果

如果你做的网站中大多数a标签都不希望用下画线，就应该把标签定义为无下画线的样式。如果有某类标签需要下画线，可以用类标签定义的方式再把下画线加上。