学习CSS肯定绕不开的就是如何将css引入到HTML文件中，引入方式主要有三种：
内联样式、内部样式、外部样式
1、内联样式
内联样式又称行内样式，使用该样式需要直接在标签内添加“ style=" " ”，再将需要的样式写在双引号内，如
<div style="background: red">hello world!</div>1
行内样式比较适合初学者学习的时候使用，在网站开发时尽量不要去用，因为使用这种样式会把结构和CSS全部融合在一个页面里面，造成代码冗余，后期调整样式的时候非常不方便。
2、内部样式
内部样式是一种适合案例或者比较小的页面的引入方式，它的语法是在在head标签里添加style标签，再在style标签的内容区添加需要的样式，如：
<head>
<style type="text/css">
div{background: red}</style>
</head>12345
内部样式比较适合案例或者比较小的页面中，因为它也会增加HTML文件的代码量。
3、外部样式
外部样式是使用最广的引入方式，适合比较大的页面或者整站开发。引入方法是将样式写css文件中，再将css文件链接到HTML文件里。
而外部样式有两种链接方法引入HTML文件中：link和import
1）用link链接需要在html文件内添加link标签，在该标签内属性“ href=" " ”的双引号里写上css文件的路径即可。
<link rel="stylesheet" type="text/css" href="demo.css"/>1
2）用import链接需要用内部样式的方法添加“ @import url("")”属性，在url("")中写上css文件的路径。
<style> @import url("demo.css")</style>123
同为外部样式的链接方式，link和import之间的不同不仅是载入链接的语法不同：
本质上link是HTML标签，是HTML的写法，但是import是CSS的提供的一种链接方式。所以link能够引入除css以外的其它文件，而import只能引入css文件。
link是没有兼容问题的，但是import在IE5以下不支持。
加载顺序上也不一样，link是HTML结构和CSS样式同时加载，而import是先加载HTML后加载CSS。有时候网速比较慢，你就会看到只有文字和边框的难看页面，然后才看到比较好看的页面，就是因为这个网页使用import链接的样式。
在用js控制dom修改样式的时候，link可以被修改，但是import不可以。
如何插入样式表 当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种： 外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头部： 浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。 外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子： hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} 不要在属性值与单位之间留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ，它仅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。 内部样式表 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 内联样式 由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。 要使用内联样式，你需要在相关的标签内使用样式(style)属性。 例如，外部样式表拥有针对 h3 选择器的三个属性： h3 { color: redtext-align: leftfont-size: 8pt} 而内部样式表拥有针对 h3 选择器的两个属性： h3 { text-align: rightfont-size: 20pt} 假如拥有内部样式表的这个页面同时与外部样式表链接，那么 h3 得到的样式是： color: redtext-align: rightfont-size: 20pt即颜色属性将被继承于外部样式表，而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代。方法/步骤
<html> <div style="background:blue"></div></html>
以上是最简单的一种方式，可以在网页中直接加入，不过不能多代码的加入，只可以简单的几行代码的加入。
<html><style type="text/css"> div{ background-color: blue}</style> <div></div></html>
同在一个屋檐之下的一种表达方式，也是可以的，代码量可以加大，只是属于个人作品的一种表达方式，不是属于团队的开发之一。
<html><head> <link rel="stylesheet" type="text/css" href="baidu.css"></head></html>
使用上面的一种文档的方式，也是在企业中要用到的，不过CSS可能是用专人员来写，代码可以很长，也可以很细。
然后开发人员，可以直接使用的一种方式，团员开发的重点之重。
以上的三中方式，可能并不只是体现在差异性方面，更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写；专业开发可能不必要文档；团队开发可能用文档比较专业一些，工作可能会更简单一些。
三种表达方式的总结说明：
空间表达：
内嵌
分层
外嵌
职业表达：
个人
私人
团队
分工表达：
简单
中等
难度
