css三大特性 层叠性 继承性 优先级

 css有三个重要的特性:  层叠性    继承性     优先级
    层叠性:相同选择器给设置相同样式,此时一个样式就会覆盖(层叠)另一个样式
    层叠性原则:1.样式冲突,遵循就近原则,哪个样式离结构近,就执行哪个样式
           2.样式不冲突时,不会层叠.       
    
    css继承性:子标签会继承父标签的某些样式,比如文本颜色,字体大小
              子元素可以继承元素的样式(text-/font-/line-这些元素开头的可以继承以及color类型也是可以被继承的)
              不能被继承的, 高度,盒子模型这些都不能被继承
              行高的继承性:  
                  font:12px/24px 楷体;   (字体大小/行高  字体样式)
                  font-size: 12px/1.5 楷体; (字体大小/行高倍数  字体样式)
              子元素继承父元素的行高 例如:1.5倍 这里有个算法:当前子元素文字大小的1.5倍为行高大小
    
    优先级:权重
    当一个元素(标签)指定多个选择器,就会产生优先级
    选择器相同的情况下,执行层叠性
    选择器不同,根据选择器权重执行
 
    继承权重为0 如果该元素没有被直接选中不管父元素的权重有多高,子元素得到的权重都是0

    a默认是指定的样式 蓝色字体 下划线 层叠掉了默认样式 所以只能找到a才能修改a的样式

    选择器:              权重值:
    继承或者通配符(*)      0
    元素选择器             1
    类选择器,伪类选择器    10
    id选择器              100
    行内样式              1000
    !important            无穷大

    !important 为最高权重

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲤忆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值