使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式。我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有<h1>标签(或者是整个站点,当使用一个外部样式表的时候)。随后,如果我们想要改变整个站点上所有出现<h1>标签的地方的颜色、尺寸、字体的话,我们所有需要做的事情就是修改一些CSS规则,然后它们将立即改变。听上去非常诱惑人,不是吗?
让我们认识一下我们自己的超级酷的标题:
<h1>Super Cool Page Title</h1>用CSS改变颜色、字体和尺寸:
h1 {font-family: Arial, sans-serif;
font-size: 24px;
color: #369;
}
页面上所有找到<h1>的地方都将应用Arial字体(或者是缺省的sans-serif字体)、24点大小以及兰色,就象图2-2显示的。