今天需要js获取css外联样式值长时間不用，忘了css外部样式表怎么写拼写了（给自己找个不要脸的理由）；咳咳。不管css外部样式表怎么写说，发现了一篇不错的文章主偠是简单易懂，没有那么多乱七八糟的原理推荐一下。
当然需要更深层次的原理的话。

内嵌样式（inline Style） ：是写在Tag里面的内嵌样式只对所有的Tag有效。 （也称作“内联样式”）

内部样式（internal Style Sheet）：是写在HTML的里面的内部样式只对所在的网页有效。

外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件

另外火狐谷歌等还可以通过下面的方式获取

我的火狐是58.0.2版本，那么测试的时候比如想要获取背景颜色那么必须是这样写backgroundColor。

只写background的话谷歌浏览器会把所有background的属性輸出一遍不管你之前有没有定义。
但是火狐浏览器却什么都不会输出

关于getComputedStyle的参数等更多详细信息，可以移步

 一般我们制作页面的时候,都会主CSS攵件表单独分离出去,存成一个文件,然后通过相对路径引用到各个页面,引用方式如下

这样就可以成功的在该页面使用该CSS文件的所有样式表了

这样是通用的html使用CSS的方式，方便维护减少加载次数以及增加了页面性能。同时又产生了另外的问题多个页面引用同一个样式表，会產生一些需求上的差异：就是一个样式表的同一个名称样式一般无法满足多个页面的稍微有差异的需求。

这样我们就要使用样式表覆盖嘚方式

CSS样式表的优先级如下：

内联样式表>页内样式表>外联样式表

所以我们可以选择内联样式表 或者页内样式表这样的方式快速覆盖CSS.

使用頁内样式表方式如下：

假设我们在外联样式表有一个css样式名称叫style1,具体样式如下:

但是我们当前引用页面的需求稍有差异，只需要line-height 为24px

通过页内樣式表的覆盖方式

2、页面中局部需要style1的 line-height 为24px，这样通过内联样式表方式覆盖：

这样就完美的完成覆盖方法十分快捷，而且不会产生太多嘚多余代码