优先级就近原则,同权情况下样式定义最近者为准
载入样式以最后载入的定位为准
优先级:!important>id > class >tag; !important比内联优先级高
(百科:
- 内联css样式就是将css样式写在html的开始标签中
eg,<p style = "color:red;">这里设置了颜色为red的字</p>
- 嵌入样式:将css样式写在style标签之间
eg,<style >
p{font-size:14px;
}
</style>
- 外部式css样式:就是把css代码写在一个单独的外部文件中,这个css以.css为后缀命名,在标签内使用标签,将css样式文件链接到html文件中
eg,<link href = "main.css" rel = "stylesheet" type = "text/css"/>
- 注意:css样式文件名称以有意义的英文字母命名,如index.css
- rel ="stylesheet" type = “text/css”是固定写法不可以修改
- 标签位置一般写在标签内
三种插入样式的优先级:
三种插入样式优先级从高到底为:内联式>嵌入式>外部式
其中嵌入式>外部式的条件为:嵌入式CSS的位置在外部式的后面
可以理解为:就近原则--离被设置元素越近优先级别越高
)