Css的3中使用方式：
方法1：行内样式表（style属性）
为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上，通过行内样式表将页面背景设为红色：
<html>
<head>
<title>例子</title>
</head>
<body style="background-color: #FF0000">
<p>这个页面是红色的</p>
</body>
</html>
方法2：内部样式表（style元素）
为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样：
html>
<head>
<title>例子</title>
<style type="text/css">
body {background-color: #FF0000}
</style>
</head>
<body>
<p>这个页面是红色的</p>
</body>
</html>
方法3：外部样式表（引用一个样式表文件），推荐此方法
外部样式表就是一个扩展名为css的文本文件。跟其他文件一样，你可以把样式表文件放在Web服务器上或者本地硬盘 上。例如，样式表文件名为style.css，它通常被存放于名为style的目录中。style.css文件内容如下：
body {
background-color: #FF0000
}
如何在一个HTML文档里引用一个外部样式表文件（style.css）
<html>
<head>
<title>我的文档</title>
<link rel="stylesheet" type="text/css" href=“style/style.css" />
</head>
<body>
<h1>我的第一个样式表</h1>
</body>
</html>
标签里面加入style是CSS样式的内联样式写法，同样需要学习CSS代码。内联样式直接用在 html 的标签里，一般是用在 <p>、<span>、<div>等标签中，作用范围也相同，比如<p style="font-size:1.6em">字体大小 1.6 em</p>。
外联式样式属于外部样式表，其特征：
1、有一个单独的CSS文件存在！[如：001.css]
2、首先，通过【格式】→【样式表连接】与CSS文件[001.css]建立连接！<link href="001.css" type="text/css" rel="Stylesheet"/>
3、在合适的地方使用 class="样式名" 调用具体的样式效果！
