zoukankan      html  css  js  c++  java
  • 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
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    .Net和SqlServer的事务处理实例
    SQL Server-- 存储过程中错误处理
    Asp.Net中使用Newtonsoft.Json转换,读取,写入
    从客户端中检测到有潜在危险的 Request.Form 值
    -Json与Xml之间的转换
    c#操作xml的代码(插入节点、修改节点、删除节点等)
    重置SQL Server sa密码
    用exec调用带有output输出参数的存储过程
    日期获取 net
    PhoneListenerService
  • 原文地址:https://www.cnblogs.com/david-lcw/p/10307003.html
Copyright © 2011-2022 走看看