《css世界》学习摘要

1.父级元素设置height:auto 会导致子级的元素设置的height:100%无效
2.如果块级元素的width是个固定值,margin是auto,则margin会撑满剩下的空间;如果margin是固定值,width是auto,则width会撑满剩下的空间。这就是流体布局的根本所在
3.误解:css权重比较,当两个权值进行比较的时候,是从高到低逐级将等级位上的权重值(如 权值 1,0,0,0、0,1,0,0、0,0,1,0、0,0,0,1 对应--> 第一等级权重值,第二等级权重值,第三等级权重值,第四等级权重值)来进行比较的,而不是简单的 1000个数 + 100个数 + 10个数 + 1个数 的总和来进行比较的,换句话说,低等级的选择器,个数再多(只要不超过256个,因为css权重256进制)也不会越等级超过高等级的选择器的优先级的
4.!important的权重相当的高,假如宽高的设置是使用最高权限!important但是此元素又设置了max-width/min-width,那么引擎会解析此元素的宽高为设置的最大或者最小值,!important会失效
5.设置box-sizing: border-box;元素的宽度计算为border+padding+content的宽度总和
6.替换元素:存在src=""属性的