• CSS三大特性


    CSS(Cascading Style Sheet)三大特性

    1、层叠性

      层叠性:多个样式作用在同一个元素上的时候,权重较大的会覆盖权重较小的样式,权重相同的时候,遵循就近原则:靠近元素的优先级大一点。

    2、继承性

      继承性:子标签会继承父标签的某些特性,如:文本颜色,字号。恰当的使用继承可以简化代码, 降低复杂程度,子元素可以继承的属性有:line-、text-、font-、以及color。这些都是和文字属性相关的属性。

    3、优先级

      在定义css样式时,经常出现多个样式作用在同一个元素上的情况,在这种情况下,就需要考虑优先级的问题了。

      优先级 即权重的衡量方式是什么?这是就是CSS的 Specifity 的计算了,具体的标准计算规范如下:

      注:CSS2是3位计算方式:0, 0, 0

    继承或者*的贡献值 0, 0, 0, 0
     每个元素的贡献值 0, 0, 0, 1
     每个类、伪类、属性 选择器的贡献值  0, 0, 1, 0 
     每个id的贡献值 0, 1, 0, 0 
    行内样式的贡献值  1, 0, 0, 0 
    !important的贡献值  无穷大 

      易错点:继承样式的权重为0,无论父级样式的权重有多大(即使为 !important),被子元素继承的时候都为0,也就是说子元素的样式会覆盖父级元素的样式!!!

    总结:

      权重是优先级的算法,层叠是优先级的表现,继承影响优先级和样式

      

    作者:David-lcw
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    MongoDB学习:(一)MongoDB安装
    事件轮询 Event Loop
    常见的HTML5语义化标签
    前端动画性能优化方案
    前端动画的实现
    《SVN的操作流程及规范》
    css、js文件后的后缀作用是什么?
    实现单行文字溢出显示...,以及多行文字溢出显示...
    从输入URL到页面返回的过程详解
    jQuery实现点击复制效果
  • 原文地址:https://www.cnblogs.com/david-lcw/p/10307003.html
Copyright © 2020-2023  润新知