我们都知道 HTML 和 CSS 是作用不相同的两种语言，但是它们对一个网页能够同时产生作用，网页（webPage）= 内容（html） + 表现（css） + 行为（javascript）。因此需要把 CSS 引入 HTML 一起使用。要想在浏览器中显示出预期的 CSS 样式表效果，就要让浏览器识别并正确调用 CSS。当浏览器读取样式表时，要依照文本格式来读，而且当 CSS 样式表放在不同的地方，所产生的作用范围也是不同的。在 HTML 中，主要用四种方法引入 CSS：行内式、内嵌式、导入式和链接式。
（1）行内式
<p style=”color:red”>网页中css的导入方式</p>
即在标记的style属性中设定CSS样式，这种方式本质上没体现出CSS的优势，因此不推荐使用。
（2）嵌入式
<style type=”text/css”>
p{ color:red }
</style>
（3）导入式
<!-- 导入外部样式：在内部样式表的<style></style>标记之间导入一个外部样式表，导入时用@import。 -->
<style type="text/css">
@import "jisuan.css";
</style>
（4）链接式
<link href="jisuan.css" rel=”stylesheet” type=”text/css” />
链接式可以说是现在占统治地位的引入方法。如同 IE 与浏览器。这也是最能体现 CSS 特点的方法；最能体现 DIV+CSS 中的内容与显示分离的思想，也最易改版维护，代码看起来也是最美观的一种。
如果希望用 javascript 来动态决定引入哪个 css 文件，则必须使用连接式才能实现。大多数的网站还是比较喜欢使用链接的方式引用外部 CSS 的。
2、链接式：会在装载页面主体部分之前装载 CSS 文件，这样显示出来的网页从一开始就是带有样式效果的。
对于一些比较大的网站，为了便于维护，可能会希望把所有的 CSS 样式分类别放到几个 CSS 文件中，这样如果使用连接式引入，就需要几个语句分别导入 CSS 文件。如果要调整 CSS 文件的分类，就需要同时调整 HTML 文件，这对于维护工作来说，是一个缺陷，如果使用导入式，则可以只引进一个总的 CSS 文件，在这个文件中再导入其他独立 CSS 文件；而链接式则不具备这个特性。
因此给大家的建议是：如果仅需要引入一个 CSS 文件，则使用链接方式，如果需要引入多个 CSS 文件，则首先用链接方式引入一个“目录”CSS 文件，这个“目录”CSS 文件中再使用导入式引入其他 CSS 文件。
Quote @import 的定义
指定导入的外部样式表及目标设备类型。其实 link 和@import 的最根本区别就是，link 是一个 HTML 的一个标签，而@import 是 CSS 的一个标签,link 除了调用 CSS 外还可以有其他作用譬如声明页面链接属性，声明目录，rss等等，而@import 就只能调用 CSS。如果单独从外部引用 CSS 来说，他们的作用是基本一样，只不过上面的老大不一样而已。
