html+css复习小结

浏览器的解析模式:

1. 标准模式  
2. 混杂模式(浏览器自己的模式)

选择器优先级,权重值

            a       b       c       d
内嵌          1       0       0       0 
id          0       1       0       0
类,伪类        0       0       1       0
元素          0       0       0       1

注释:星号权重值为0,important让其他选择器权重值无效

触发bfc环境:

overflow只要不是visible . display: inline-block,table-cell,flex等.
触发了bfc 浮动元素的高宽也会参与计算。
兼容性问题，现代浏览器触发了bfc环境，ie中要触发haslayout 加上 zoom：1； 等于触发bfc！

边距问题：

margin 和 padding 因为padding的兼容性比较好，所以能用padding的地方尽量用padding而不用margin。

浮动元素居中：

利用 position：relative； top/left：50%；
减去width/height的一半。

隐藏元素：

display：none；隐藏元素，移除元素在文档中的位置。visibility：hidden；隐藏元素，但是元素在文档中的位置被保留。