css三大特性及易错点

继承性

如果元素有浏览器默认的样式，此时，仍然继承性存在，优先显示浏览器的默认样式

但是继承性有失效的时候

a标签的color会失效因为浏览器默认给a标签一个蓝色下划线的样式

h系列的字体大小会以浏览器默认字体大小16px

div高度不能继承

层叠性

样式冲突的时候，后面的样式会把前面的样式给覆盖掉，遵循就近原则

优先级

解决样式冲突能力，优先级以选择器权重从高到低执行

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS学习笔记2 元素、行高、三大特性、背景
    1. 块级元素 和 行内元素 和 行内块元素 HTML标签一般分为块标签和行内标签两种类型，它们也称为块元素和行内...
    如果仲有听日阅读 548评论 0赞 0
  • CSS三大特性
    继承性 作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性 注意点:1. 并不是所有的属性...
    Strive_12c4阅读 254评论 0赞 0
  • CSS的三大特性
    CSS有三个非常重要的特性：层叠性、继承性、优先级。 1.2 继承性 现实中的继承：继承父辈的姓CSS中的继承：子...
    皮皮章阅读 466评论 0赞 0
  • css的三大特性
    1）层叠性1，给一个标签设置的样式发生冲突的时候即样式的覆盖2，浏览器的渲染机制是从上到下的，当有冲突的时候就采用...
    huhu502阅读 3,185评论 4赞 3
  • 3.22 CSS三大特性和显示模式
    一、谷歌浏览器开发者工具 网页右键-->检查（审查元素） F12快捷键 Elements选项查看元素 networ...
    苏打丶观阅读 1,107评论 0赞 1