css元素优先级的介绍

元素样式的来源及优先级

1. 1.两大来源：预置样式，自定义样式
2. 2.优先级：自定义样式>预置样式
3. 3.预置样式：代理样式
4. 4.自定义样式：用户自己编写的样式，也是我们需要学的地方
5. 5.继承样式：

• • ·元素中的可继承属性，还会受到上下文同名元素的影响
  • ·可继承属性可简化代码，例如文本、字体、颜色等
  • ·盒模型属性不可继承，例如边框、宽度、高度内外边距

自定义样式的来源及优先级

1. 1.行内样式：tag.style，当前元素有效
2. 2.文档样式/内部样式： <style>，当前文档有效
3. 3.外部样式： haosen.css，引入文档有效

他的作用是由小到大的，也可视为优先级不同。

优先级：行内样式 > 文档样式 > 外部样式

行内样式

只定义某一个标签，如果想让昊森运维也变成蓝色就需要再次调用，很麻烦。

文档样式

这样我们只需要在style内定义h2标签属性即可，

外部样式

外部样式和其他样式不同，我们需要用到link标签引入css文件

然后我们在index.css内编写样式代码即可这样即可实现外部样式引用