一、插入位置简介
将CSS规则放在一个独立文件中，这种方式被称为“外部样式表”。除此之外，CSS规则还可以出现在HTML文档内的两个位置：
位于一个<style>元素内，该元素位于文档的<head>元素中。
位于一个可以带有style特性的元素中，所谓style特性的值。
当CSS规则位于文档头部的<style>元素内时，则被称为“内部样式表”.示例如下：
<head>
<title>Internal Style sheet</title>
<style type="text/css">
body
{
color:#000000;
background-color:#ffffff;
font-family:arial,verdana,sans-serif;
}
h1
{
font-size:18pt;
}
p
{
font-size:12pt;
}
</style>
</head>
当style特性被用于HTML元素时，则被称为“内联样式规则”
总体上应该避免使用内联样式规则以及内部样式表，而应该积极使用外部样式表。虽然有些情况下前面两者很有用，但是外部样式表的可维护性要好很多。
<style>元素位于<head>元素内，用于在网页内包含样式表规则，而非链接某个外部文档。有时，还被用于需要在单一页面中包含某些额外规则，而且这些规则不必用于网站内共享统一样式表的全部其他页面情况。
在使用<style>元素时，尽管并非强制，但因该永远带有type特性，除全部通用特性外，该元素还可以带有的特性为：
type media scoped
外部样式表使用<link>元素进行加载。因此在继续介绍CSS之前，先来稍微深入了解一下<link>元素以及相关的特性。
二、<link>元素
<link>元素用于在网页中描述两个文档之间的关系。例如，可以在HTML页面中用它指定应该用于设置页面风格的样式表。<link>元素在HTML页面中还起到其他的作用，例如，为对应页面指定RSS订阅。
这种链接类型与<a>元素不同，因为两个文档是自动关联的，用户不必通过单击任何东西激活链接。
<link>元素永远是空元素，而且当与样式表以通使用时，必须带有两个特性：rel和href。在下面的示例中，<link>元素在HTML页面中被用于指定应该使用一个名为interface.css的CSS文件设置的页面风格，并且CSS文件位于一个名为CSS的子目录中。
<link rel="stylesheet" href=".../CSS/interface.css">
除了核心特性外，<link>元素还可以带有以下特性：
charset href hreflang media rel type sizes target
1.rel特性：
rel特性是一个必需特性，用于指定包含连接的文档与链接指向文档间的关系。用于链接样式表时的键值是"stylesheet"
2.href特性：
href特性用于指定链接指向文档的URL；
href=“.../stylesheets/interface.css”
此特性的值可以是绝对或相对URL，但通常是相对URL，因为样式表是网站的一部分。
3.media特性
media特性用于指定应该用于文档的输出设备；
media="screen"
尽管网站中并不总是使用该特性，但它却非常重要，因为人们会使用不同的设备以不同的方式访问互联网。
三、使用外部样式表
在使用外部样式表时，需要先定义外部样式表文件。一个外部样式表文件可以应用于多个页面。当改变这个样式表文件时，所有引用该样式表文件的页面的样式都随之改变，不仅可以减少要重复的工作量，而且有利于以后修改、编辑，浏览时也避免了重复下载代码。样式表文件可以用任何文本编辑器编辑，扩展名为.css，内容是定义的样式表，不包含HTML标记。
3.1导入外部样式表
导入外部样式表是指在HTML文件头部的<style>元素里导入外部样式表，导入外部样式表采用import方式。导入外部样式表和链入外部样式表相似，但导入外部样式表的样式实质上相当于存放在网页内部。
h1
{
text-align:center; /*设置对齐方式为居中*/
}
p
{
line-height:1.5; /*设置行高*/
font-size:14px; /*设置字体大小*/
}
img
{
width:120px
}
HTML代码如下：
<!DOCTYPE html> <html> <head> <title>导入样式表</title> <style type="text/css"> @import url("style.css") </style> </head> <body> <h1>惠崇春江晚景</h1> <p> 竹外桃花三两只 </p> <img src="images/blossom.jpg"> </body> </html>
2.链入外部样式表
链入外部样式表是指把样式保存在一个外部样式表文件，然后在页面中用<link>元素链接到这个样式表文件，<link>元素放在页面的<head>元素内。
<!DOCTYPE html> <html> <head> <title>导入样式表</title> <style type="text/css"> <link href="style.css" rel="stylesheet" type="text/css"> </style> </head> <body> <h1>惠崇春江晚景</h1> <p> 竹外桃花三两只 </p> <img src="images/blossom.jpg"> </body> </html>