css元素优先级的介绍

元素样式的来源及优先级

  1. 1.两大来源:预置样式自定义样式
  2. 2.优先级:自定义样式>预置样式
  3. 3.预置样式:代理样式
  4. 4.自定义样式:用户自己编写的样式,也是我们需要学的地方
  5. 5.继承样式
    • ·元素中的可继承属性,还会受到上下文同名元素的影响
    • ·可继承属性可简化代码,例如文本、字体、颜色等
    • ·盒模型属性不可继承,例如边框、宽度、高度内外边距

图片[1]-css元素优先级的介绍-在线源码网

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

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

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

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

行内样式

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

图片[2]-css元素优先级的介绍-在线源码网

文档样式

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

图片[3]-css元素优先级的介绍-在线源码网

外部样式

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

图片[4]-css元素优先级的介绍-在线源码网

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

图片[5]-css元素优先级的介绍-在线源码网
图片[6]-css元素优先级的介绍-在线源码网
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

文章版权声明 1、本网站名称:在线源码网
2、本站永久网址:https://zaixym.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞16 分享
评论 共2条

请登录后发表评论