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是可选的

原文地址:https://www.cnblogs.com/tyb1222/p/4168996.html