一、概述

　　之前我们写了css选择器，但是我们还是觉得写在head的style里面，重用的效果总觉的还是不太好，还有同一个标签，用了三个样式，优先级又该如何呢？下面我们就来好好研究一下。

二、css的优先级

2.1、引入多个样式

说明：我们知道一个标签可以有多个css的样式，就是说一个class属性可以写入多个样式，中间以空格隔开

2.2、多个样式的优先级

说明：标签上的style优先级最高，然后是编写顺序，就近原则，在head的style标签里面越往下的标签，优先级越高。

注意：这边说的优先级高，指的是样式里面有同一个样式，比如上面三个都有color样式，如果他们存在不同的样式，则三种样式不存在优先级，都所有的样式都用上。

2.3、在chrome中查看样式优先级

说明：其实样式的优先级我们在Chrome浏览器中是可以看得出来的，下面我们就来看看，怎么看这个

 

三、css的存在形式

之前我们写的样式都是写在了head的style里面，但是这样只能提供一个html文件使用，其他的html文件就不能很好的重用此样式了，效果如图：

那怎么办？我想其他的html文件也想用，所以我们就创建一个css文件，然后通过在head标签里面的link标签去导入就可以了

①创建css文件

②html文件中到入css文件

③使用该css样式

 注意了，这边link标签中的href="css的路径"，一般情况下会写在css文件夹下：