关于css层叠样式表的一些有意思的小细节

层叠样式表分为三种形式：内嵌样式表、内部样式表和外部样式表
今天我们来讲一下层叠样式表的写法和优先级
内嵌样式表：
下面展示一些 内联代码片。

<div style=“background-color:red;font-size:20px”></div>

所谓的内嵌样式就是写在标记里面的，只对该行起作用
内部样式表：
下面展示一些 内联代码片。

<style>
h1{color:red;text-align:center;font-size:20px;}
</style>

内部样式指的是只对该网页起作用，如果使用内部样式表来渲染该网站，则需要每一张网页都改动，这样不仅降低了效率，也容易出错。
外部样式表：
下面展示一些 内联代码片。

<link rel=“style sheet” type=“style/css” href=“css3-3.css”>

或者
下面展示一些 内联代码片。

<style>
@important url(css3-3.css)
</style>

这两种外部叠加模式都可以大大增加效率，只要修改其中的外部样式表，就可以修改使用该样式表的网站。

优先级：内嵌样式>内部样式>外部样式>默认样式
另外写在最后面的样式能覆盖写在前面的样式。