css培训（三）

• 优先级
• z-index

　　不设置 或auto   非static

   　z-index ：0 ；

      z-index：-1；　　 

• opacity 与层叠上下

　　opacity:.9 对其影响  小于1值   不具备堆叠属性

• css sprite

　　前景背景均可使用

• line  box

　　font-size:0;

• vertical-align: middle;

　　inline level   table level

• html  body 设置背景色 满屏

　　position:absolute;  top:0; left:0;

　　-webkit-calc()

• margin padding

　　水平居中

　　margin-left:auto;显示情况

　　auto自动分配父容器的可用空间

　　上下居中

　　计算百分比 只参考父容器宽度 不参考高度

 

 css 设计分层思路

 厂商前缀

1.  icofont font-types:eot woff  ttf svg