层叠样式表分为三种形式:内嵌样式表、内部样式表和外部样式表
今天我们来讲一下层叠样式表的写法和优先级
内嵌样式表:
下面展示一些 内联代码片
。
<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>
这两种外部叠加模式都可以大大增加效率,只要修改其中的外部样式表,就可以修改使用该样式表的网站。
优先级:内嵌样式>内部样式>外部样式>默认样式
另外写在最后面的样式能覆盖写在前面的样式。