简单的样式

使用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显示的。

图2-2： 应用样式后的标题

接着，让我们在文字的下面增加一条1点宽的灰色边框，以增强清晰度（看图2-3）：

h1 {
font-family: Arial, sans-serif;
font-size: 24px;
color: #369;
padding-bottom: 4px;
border-bottom: 1px solid #999;
}

图2-3：带有灰色下边框的样式化标题