css 技巧

1、margin: 上右下左顺序

margin-top: 20;margin-left: 20=margin：20 0 0 20 

margin:20 0=margin:20 0 20 0

2、!important  (出现在熟悉值最后)指明规则重要性。如果规则出现冲突，!important将胜出。如：

p {color :red;}

p {color :blue!important;} --规则将被应用

 3、display:inline-block会导致元素有横向或者纵向间距。横向间距可通过font-size:0px;解决；纵向间距可通过vertical-align:top解决。

4、子元素设置float后，可能会导致父元素的高度为0、解决办法：

• 父元素设置overflow:hidden;
• 父元素与子元素一起设置浮动
• 修改子元素设置float为display:inline-block;

5、font中font-size 和font-family是必须的，并且font-size在前。其他如font-style,font-weight,font-variant是可选的