html布局所遇到的问题

1.清除浮动

千万要带上:after 这个后缀，不然你会郁闷的发疯的

2.基线对齐的解决方法

1.对想要对齐的元素加上浮动（如果不是块元素一定要先转化为块元素）

2.对想要对齐的元素加上  vertical-align:bottom;

3.浏览效果时 鼠标的形状

手的形状   cursor:pointer;

4.层次问题

z-index：  的默认值为1.如果想要莫个元素在最外层，就让z-index的值大于1就可以了

5.child的用法

:nth-child(n)选中第n个孩子，n从1开始

:nth-child(3n+1)   n 从0开始，1,4,7.。。才能命中

:nth-child(odd){ background-color: #136D61; }odd奇数 
 :nth-child(even){ background-color: #72F1BF; }  even 偶数

 :first-child{background-color: #62EC65;}第一个孩子 
:last-child{ background-color: #E3EF4A; } 最后一个孩子

p:nth-of-type(2){ background-color: #F5A0EF; } 第二个p元素

 p:first-of-type{ background-color: #BFA0F5; } 第一个p元素
 p:last-of-type{ background-color: #BFA0F5; }  最后一个p元素

6 iconfont的用法

http://www.iconfont.cn/