zoukankan      html  css  js  c++  java
  • css3不太清楚的知识点

    !---问题---!
    1.css的全称是什么?
    2.样式表的组成
    3.浏览器读取编译css的顺序?

    1.Cascading style sheets

    2.样式表的组成 规则 选择器+声明块 声明 CSS合法的属性名+属性值

    3.浏览器渲染样式表的顺序 从右往左

    !--css声明的优先级--!
    选择器的特殊性
    选择器的特殊性由选择器本身的组件确定,特殊性值表述为4个部分,如 0,0,0,0
    一个选择器的具体特殊性如下确定:
    1.对于选择器中给定的ID属性值,加 0,1,0,0
    2.对于选择器中给定的各个类属性,属性选择,或伪类,加 0,0,1,0
    3.对于选择器中的给定的各个元素和伪元素,加0,0,0,1
    4.通配符选择器的特殊性为0,0,0,0
    5.结合符对选择器特殊性没有一点贡献
    6.内联声明的特殊性都是1,0,0,0
    7.继承没有特殊性

    特殊性 1,0,0,0 大于所有以0开头的特殊性(不进位)
    选择器的特殊性最终都会授予给其对应的声明
    如果多个规则与同一个元素匹配,而且有些声明互相冲突时,特殊性越大的越占优势

    注意:id选择器和属性选择器
    div[id="test"](0,0,1,1) 和 #test(0,1,0,0)
    重要声明
    有时某个声明比较重要,超过了所有其他声明,css2.1就称之为重要声明
    并允许在这些声明的结束分号之前插入 !important 来标志
    必须要准确的放置 !important 否则声明无效。
    !important 总是要放在声明的最后,即分号的前面

    标志为 !important的声明并没有特殊的特殊性值,不过要与非重要声明分开考虑。
    实际上所有的重要声明会被浏览器分为一组,重要声明的冲突会在其内部解决
    非重要声明也会被分为一组,非重要声明的冲突也会在其内部解决
    如果一个重要声明与非重要声明冲突,胜出的总是重要声明
    继承
    继承没有特殊性,甚至连0特殊性都没有
    0特殊性要比无特殊性来的强
    来源
    css样式的来源大致有三种
    创作人员
    读者
    用户代理

    权重:
    读者的重要声明
    创作人员的重要声明
    创作人员的正常声明
    读者的正常声明
    用户代理的声明
    层叠
    1.找出所有相关的规则,这些规则都包含一个选择器
    2.计算声明的优先级
    先按来源排序
    在按选择器的特殊性排序
    最终按顺序

  • 相关阅读:
    websocket 学习笔记
    oxy 学习笔记
    postcss
    一致性hash和chord
    leveldb 学习笔记
    logrus 学习笔记
    viper 学习笔记
    redigo 学习笔记
    gin 学习笔记
    修改TOMCAT的JVM虚拟机内存大小几种方式
  • 原文地址:https://www.cnblogs.com/threeyou/p/13460993.html
Copyright © 2011-2022 走看看