css使用技巧汇总.docVIP

简单的样式 使用CSS，最容易做的事情就是给我们的标题设置不同的字体样式。我们可以建立一个CSS规则，它将把样式应用到页面中出现的所有h1标签（或者是整个站点，当使用一个外部样式表的时候）。随后，如果我们想要改变整个站点上所有出现h1标签的地方的颜色、尺寸、字体的话，我们所有需要做的事情就是修改一些CSS规则，然后它们将立即改变。听上去非常诱惑人，不是吗？ 让我们认识一下我们自己的超级酷的标题： h1Super 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：带有灰色下边框的样式化标题 我们在文字的下方增加了一点补白，来让线条附近宽