1、使用 <link>标签导入
使用 <link>标签导入外部样式表文件：
<link href="001.css" rel="stylesheet" type="text/css" />
对各个属性的说明：
href 属性设置外部样式表文件的地址，可以是相对地址，也可以是绝对地址。
rel 属性定义关联的文档，这里表示关联的是样式表。
type 属性定义导入文件的类型，同 style 元素一样，text/css表明为 CSS 文本文件。
一般在定义 <link>标签时，应定义 3 个基本属性，其中 href 是必须设置属性。
也可以在 link 元素中添加 title 属性，设置可选样式表的标题，即当一个网页文档导入了多个样式表后，可以通过 title 属性值选择所要应用的样式表文件。
外部样式是 CSS 应用的最佳方案，一个样式表文件可以被多个网页文件引用，同时一个网页文件可以导入多个样式表，方法是重复使用 link 元素导入不同的样式表文件。
2、使用 @import 关键字导入
在 <style>标签内使用@import关键字导入外部样式表文件：
<style type="text/css">
@import url("001.css")
</style>
在 @import 关键字后面，利用 url() 函数包含具体的外部样式表文件的地址。
对比
两种导入样式表的方法比较：
link 属于 HTML 标签，而 @import 是 CSS 提供的。
页面被加载时，link 会同时被加载，而 @import 引用的 CSS 会等到页面被加载完再加载。
@import 只在 IE 5 以上才能识别，而 link 是 HTML 标签，无兼容问题。
link 方式的样式的权重高于 @import 权重。
一般推荐使用 link 导入样式表的方法，@import 可以作为补充方法使用。
为网页添加样式表的方法有四种。 1．最简单的方法是直接添加在HTML的标识符（tag）里： <Tag style=”properties”>网页内容</tag>举个例子： <p style=”color: bluefont-size: 10pt”>CSS实例</p>代码说明： 用蓝色显示字体大小为10pt的“CSS实例”。尽管使用简单、显示直观，但是这种方法不怎么常用，因为这样添加无法完全发挥样式表的优势“内容结构和格式控制分别保存”。 2．添加在HTML的头信息标识符<head>里：<head><style type=”text/css”><!--样式表的具体内容--></style></head>type=”text/css”表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器面前直接以源代码的方式显示我们设置的样式表。但为了保证上述情况一定不要发生，还是有必要在样式表里加上注释标识符“<!--注释内容-->”。 3．链接样式表 同样是添加在HTML的头信息标识符<head>里：<head><link rel=”stylesheet” href= http://www.webjx.com/htmldata/2005-04-08/ ”*.css” type=”text/css” media=”screen”></head>*.css是单独保存的样式表文件，其中不能包含<style>标识符，并且只能以css为后缀。 Media是可选的属性，表示使用样式表的网页将用什么媒体输出。取值范围：Screen（默认）：输出到电脑屏幕Print：输出到打印机TV：输出到电视机Projection：输出到投影仪Aural：输出到扬声器Braille：输出到凸字触觉感知设备Tty：输出到电传打字机All：输出到以上所有设备 如果要输出到多种媒体，可以用逗号分隔取值表。 Rel属性表示样式表将以何种方式与HTML文档结合。取值范围：Stylesheet：指定一个外部的样式表Alternate stylesheet：指定使用一个交互样式表 4．联合使用样式表 同样是添加在HTML的头信息标识符<head>里：<head><style type=”text/css”><!--@import “*.css”其他样式表的声明--></style></head>以@import开头的联合样式表输入方法和链接样式表的方法很相似，但联合样式表输入方式更有优势。因为联合法可以在链接外部样式表的同时，针对该网页的具体情况，做出别的网页不需要的样式规则。 需要注意的是：联合法输入样式表必须以@import开头。如果同时输入多个样式表有冲突的时候，将按照第一个输入的样式表对网页排版。如果输入的样式表和网页里的样式规则冲突时，使用外部的样式表。（以上资料来自网络，非本人原创）Html中引入css的主要方式有四种，分别是外部样式、内部样式、内联样式、导入式。
一、外部样式
(一) 使用外部样式的好处
1.减少代码量 ，网站中相同部分的样式只需要编写一次，我们只需要把css文件引入到不同的html页面中即可实现展示效果。
2.更改网站风格方便，我们可以通过修改一个css文件就可以实现整个网站的外观修改。
3.Html页面渲染时，css文件能够被同时加载。
4.结构与表现分离，便于后期维护。
(二) 适用于多个页面需要相同样式内容的时候使用
(三) 书写位置：新建单独的后缀名为.css文件，使用link标签引入到html页面中，将link标签放到Html页面的head标签中
例：
rel:规定当前文档与被连接文档之间的关系.
href:规定为连接文档的位置
type:规定被连接文档的MIME类型
二、内部样式
(一) 使用内部样式的好处
1.结构与表现分离，便于后期维护。
2.所有的CSS控制都是针对单独的面，没有多余的CSS代码。
3.同样页面中相同的样式可以重复使用。
(二) 使用内部样式的缺点
1.只能在一个页面中使用
2.网站更换风格麻烦
3.Css在html页面中,页面显得臃肿
(三) 适用于个别页面需要特殊样式时
(四) 书写位置：写在html页面的head标签之间，在head标签之间书写style标签
例：
三、行间样式
(一) 使用内部样式的好处
1. 单独修改单个标签的样式
(二) 使用内部样式的缺点
1. 结构与表现没有分类，不利于后期维护。
2. 只能修改单个标签的样式，代码重复利用率不高，代码冗长。
(三) 适用于个别标签需要特殊样式时
(四) 书写位置：在标签的开始标签内部书写style=””
例：
四. 导入式
(一) 使用导入的好处
1.减少代码量，网站中相同的部分的样式只需要书写一次，后续只需要把css文件引入到不同的Html页面中即可。
2.更改网站风格方便，我们可以通过修改一个css文件，就可以修个整个网站的外观。
3.结构与表现分离，便于后期维护。
(二) 使用导入的缺点
1.需要等Html页面全部加载完才能加载css文件。
(三) 适用于多个页面需要展示相同样式的时候
(四) 书写位置:写在Html页面的head标签中的style表现中，用@import导入css文件
以上就是html导入css代码的详细介绍，更多关于html方面的知识点，可以看下这个视频教程：网页链接，希望我的回答能帮到你。
