使用层叠样式表或者CSS -CSS比你想象的要更容易

因为现在HTML越来越注重网页内容的说明，而更少地去关注外观和感受，所以你需要一个能描述页面外观的工具。
CSS不难，在某种程度上比HTML要更容易。最棘手的部分就是要记住很多不同的选项。让我们以一个包括了一些很常见样式的简单的样式表作为开头。

字体和CSS
网页最常见的调整就是网页字体。你可以变换颜色，样式，字号和字体的外观和用CSS能处理的所有内容。
创建一个样式表
书写一个样式表的首要关键就是决定好你想得到怎样的文本。你应该决定颜色，字体和样式等等。
你也需要决定不同标记、标题等等样式
建议的样式
•  标准段落应该是黑色，宋体窄和中型。
• 顶部标题应该是红色，粗体和小型的。
• 二级标题应该是蓝色和斜体。
• 符号应该是黄色背景的标准文本
这些是变换字体的CSS元素。关于怎么使用CSS属性的示例如下：
•字体系列
change the actual face of the font. You can use specific font names or generic terms such as serif, sans-serif, monospace, courier, fantasy
变换字体的实际面
font-family : arial, geneva, helvetica;
•字体大小
变换字体的大小。定义绝对的大小，相对大小，百分比或长度。
font-size : small
•字体样式
从常规字体变换到斜体或者使其变为倾斜的样式。
font-style : italic
•字体变换
从常规文本外观变换到小型文本的外观
font-variant : small-caps
•字体重量
把字体变为粗体
font-weight : bold
•颜色
变换文本颜色。可以使用命名的颜色或者十六进制代码
color : #ff0000
•背景颜色
变换文本后面的颜色。可以使用命名的颜色或者十六进制代码
background-color : yellow;
一旦你决定了样式，你就需要写下样式表。写下HTML文档的标题。

<style>
p {
  color : #000000;
  font-family : 'Arial narrow';
  font-size : medium;
}
h1 {
  color : #ff0000;
  font-weight : bold;
  font-variant : small-caps;
}
h2 {
  color : #0000ff;
  font-style : italics;
}
.note {
  background-color : #ffff00;
}
</style>