如何加载外部CSS文件，并快速覆盖样式表CSS属性
一般我们制作页面的时候,都会主CSS文件表单独分离出去,存成一个文件,然后通过相对路径引用到各个页面,引用方式如下
如果CSS文件和html文件在同一个目录,在index文件的<head></head>标签之间添加:<link href="你的CSS文件.css" rel="stylesheet" type="text/css" />
这样就可以成功的在该页面使用该CSS文件的所有样式表了。
这样是通用的html使用CSS的方式，方便维护，减少加载次数以及增加了页面性能。同时又产生了另外的问题，多个页面引用同一个样式表，会产生一些需求上的差异：就是一个样式表的同一个名称样式，一般无法满足多个页面的稍微有差异的需求。
这样我们就要使用样式表覆盖的方式。
CSS样式表的优先级如下：
内联样式表>页内样式表>外联样式表
所以我们可以选择内联样式表 或者页内样式表这样的方式快速覆盖CSS.
使用页内样式表方式如下：
假设我们在外联样式表有一个css样式名称叫style1,具体样式如下:
.style1{color:#000,font-size:14px;line-height:30px}
但是我们当前引用页面的需求稍有差异，只需要line-height 为24px
通过页内样式表的覆盖方式，
1、在页面中加入<style type="text/css"></style>标签,然后写同名样式进行属性覆盖
<style type="text/css">
.style1{line-height:24px}
</style>
这样就可以当前页面就可以使用.style1样式，但是line-height为24px 的属性
2、页面中局部需要style1的 line-height 为24px，这样通过内联样式表方式覆盖：
<div class="style1" style="line-height:24px"> 这里的样式为color:为#000,font-size:为4px;line-height:为24px</div>
这样就完美的完成覆盖，方法十分快捷，而且不会产生太多的多余代码