(3.9)--2.9CSS继承Web前端攻城狮.pdf

《(3.9)--2.9CSS继承Web前端攻城狮.pdf》由会员分享，可在线阅读，更多相关《(3.9)--2.9CSS继承Web前端攻城狮.pdf（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2.9CSS 继承哪条规则效？拉森国家公园?h1?article .title color:blue;article h1 color:red;?style选择器的特异度(Specificity)#E#nav.list li a:link122.hd ul.links a022id(伪)类(伪)元素属性覆盖普通按钮?button主要按钮?button .btn display:inline?block;padding:.36em.8em;margin?right:.5em;line?height:1.5;text?align:center;cursor:pointer;border?radiu

2、s:.3em;border:none;background:#e6e6e6;color:#333;.btn.primary color:#fff;background:#218de6;?style普通按钮 主要按钮zqYKv/nqkwvGqdG继承某些属性会动继承其元素的计算值，除显式指定个值 This is a test?em of inherit?strong?p body font?size:20px;p color:blue;em color:red;?styleThis is a test of inherito/webzhao/debug/GwXgEg/PBMNWNvj显式继承*b

3、ox?sizing:inherit;html box?sizing:border?box;.some?widget box?sizing:content?box;初始值CSS 中，每个属性都有个初始值background-color 的初始值为 transparentmargin-left 的初始值为 0可以使 initial 关键字显式重置为初始值background-color:initialCSS 求值过程DOM 树样式规则filteringcascading声明值层叠值defaulting指定值resolving计算值formatting使值constraining实际值对应到该的规则

4、以下条件进筛选：选择器匹配、属性有效、符合当前media等Declared Values，个元素的某属性可能有0到多个声明值。如：p font-size:16px 和p.text font-size:1.2em 按照来源、!important、选择器特异性、书写顺序等选出优先级最的个属性值Cascaded Value，在层叠过程中，赢得优先级赛的那个值。如 1.2em当层叠值为空的时候，使继承或初始值Specified Value，经过cascading 和 defaulting 之后，保证指定值定不为空将些相对值或者关键字转化成绝对值，如 em 转为px，相对路径转为绝对路径Computed Value，般来说是，浏览器会在不进实际布局的情况下，所能得到的最具体的值。如 60%将计算值进步转换，如关键字、百分等都转为绝对值Used Value，进实际布局时使的值，不会再有相对值或关键字。如 400.2px将数像素值转为整数渲染时实际效的值，如400px