css三种引入方式的优先级
2017-05-02 15:32
961 查看
如果你对同一个元素使用了以上三种方法,那么最后起作用的是哪一种呢?也就是三个的优先级别。优先级最高的是行内样式,如果你三种都写了同样的属性,那么行内样式会覆盖其余两种方式,内部样式和外部样式取决于他们在head标签中位置的顺序:
<style type="text/css">
<!--
h1{color:red}
-->
</style>
<link rel="stylesheet" type="text/css" href="style.css" />
style.css中:h1{color:green}
此时外部在内部下方,那最终显示的结果应该是外部中设置的color:green;同样,如果外部样式在内部上方那么最终显示结果是color:red。
<style type="text/css">
<!--
h1{color:red}
-->
</style>
<link rel="stylesheet" type="text/css" href="style.css" />
style.css中:h1{color:green}
此时外部在内部下方,那最终显示的结果应该是外部中设置的color:green;同样,如果外部样式在内部上方那么最终显示结果是color:red。
相关文章推荐
- 2CSS层叠规则(即引入CSS的三种不同方式的优先级)
- CSS从基础到熟练学习笔记(一)引入CSS样式的三种方式以及多种样式的优先级
- CSS的三种引入方式
- CSS控制样式的三种方式(优先级对比验证)
- HTML 引入CSS 三种方式
- <学习CSS>第三天笔记-css外观属性(颜色、行间距、对齐、首行缩进、字间距、单词间距 、颜色半透明、阴影)快捷方式、综合案例、引入CSS样式表(内部样式表、行内式、外部样式表)、三种样式表总结
- css的三种引入方式
- css引入方式优先级以及不同选择器的优先级区别
- html网页css的三种引入方式
- Html引入css的三种方式
- CSS 三种引入方式
- HTML引入CSS的三种方式
- css引入方式优先级以及不同选择器的优先级区别
- CSS的引入方式最常用的有三种,
- CSS三:CSS的三种引入方式
- css三种引入方式
- CSS的引入方式最常用的有三种
- CSS的三种引入方式
- css 引入方式,选择器,选择器的优先级
- HTML 引入 CSS、JS 的三种方式