关于css的几个小知识点总结

Posted 2020-09-12

css

深入学习css之后会发现需要记忆的东西有很多，知识点也很零碎，在此记录几个比较常见的有点难度的知识点

• zoom=1 :IE 浏览器的专有属性，解决ie下比较奇葩的bug。如外边距（margin）的重叠，浮动的清除，ie的haslayout属性等。 
  zoom定义：设置或检索对象的缩放比例。设置或更改一个已被传递的对象的此属性值将导致环绕对象的内容重新流动。 
  例子：
• 伪类:after : 清除浮动: http://www.jb51.net/css/173023.html

• css继承性和层叠性:

  • 继承性：颜色，字号，字体等，不能被继承的属性：盒模型相关属性。
  • 层叠性： 
    1，权重计算： 
    基础选择器的权重比较：id>class>标签>通配符*. 
    高级选择器权重比较：先比较id个数—- 再比较类的个数—- 最后比较标签的个数。 
    若权重相同，则比较书写顺序，后面的会层叠前面的 
    2，选择器没有选中标签，看就近原则。如果距离一样近再判断权重。 
    3，在计算权重的时候，将important设置给某个css属性，将这个属性的权重提升到最大。使用就近原则时，important没有用。
• 高级选择器： 
  1.后代选择器：#div1 .p2 {} 有空格 
  2.交集选择器: p.p1 {} 无空格 
  3.并集选择器: .div1 p , .div2 p{ } 逗号隔开
• 控制台里面显示：element.style { } ——- 里面显示行内式样式
• font: italic bold 14px/28px “Simsun” 先是字体大小斜线后面是行高