前端开发学习笔记(五)- Css 特殊性

一.继承

继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。

可以继承的样式主要有:

文本相关属性:如font-family, font-size, font-style,font-weight, font-height,font-...

还有列表相关属性:如list-style-image, list-style-position,list-style-type, list-style-...

不可继承的样式主要是盒子模型相关的属性:如border,margin、padding、background、height、width、overflow、position...

二.权值

有的时候,我们为同一个元素设置了不同的CSS样式代码,这时候,元素会根据权值来判断启用CSS样式。

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100,继承的权值为0.1。

三.层叠

层叠就是在html文件中对于一个元素可以有多个CSS样式存在,当有相同权重的样式存在时,会根据这些CSS样式的前后顺序来决定,处于最后面的CSS样式会被应用.

四.重要性

在有些特殊的情况需要为某些样式设置具有最高权值,这时候可以使用!important

语法举例:p{color:red!important;}

P:这里注意当网页制作者不设置CSS样式时,浏览器会按照自己的一套样式来显示网页,并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式<网页制作者样式<用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,526评论 0 40
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,729评论 32 459
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,927评论 0 6
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,741评论 0 1

友情链接更多精彩内容