DIV+CSS教程：[2]如何引入CSS控制网页

1、在实际的网页设计中可以通过以下几种方式引入CSS，1.行内样式，2.内嵌式，3.链接式，4.导入式

2、首先说说行内样式：<p style="color:red; font-size:16px;">测试行内样式</p>上面在<p>标识内进行引入，设置文字为红色，文字大小为16像素。但是在实际操作中，要为每个标记进行style属性，并不能很好体现CSS的优点，减少网页体积，浪费带宽，后期维护也困难。

3、接着内嵌式的书写格式，下面是对<p>标识进行文字颜色为红色，字号为16像素粗体字。<style type="text/css"><!--p{ color:red; font-weight:bold; font-size:16px;}--></style>内嵌式比行内样式有了很大进步，把代码集中到一个区域，减少代码，但是当有很多页面的网站时对某些属性进行，还是比较麻烦。那么有没有更好的方式呢？下面看看链接式怎样说。

4、如果你打开一个网页，查看其源代码，就看到网页上方看到这样一段代码：<link rel="stylesheet" type="text/css" href="xxxxx.css"/>，这个就是我们所说链接式，就是把所有CSS样式统一放到一个文件里面，文件是以css为后缀的，进行html与css进行分离，这也是使用频率最高，也是实用最强的方式。也方便后期维护，并减少网页体积。如这里测试把控制<p>标记的属性放在linkcss.css文件里，然后通过链接式<link href="linkcss.css" type="text/css" rel="stylesheet">引入CSS样式。

5、导入式与链接式功能是差不多，只是语法与动作上有很小的区别，导入式是采用import方式导入样式，而且文件初始化时，就会把样式表导入到html文件内，而链接式是在需要样式时才会被引入。因其比较少用，所以这里不作详细介绍。

6、如果这几种方式同时出现并对某一属性进行不同设置时，那么谁的设置才生效呢？这里就涉及优先级的问题了，其实他们中优先级中最高的是行内样式，其次是链接式，接着是内嵌式，最后才是导入式。