总结一些常用/复杂的CSS

1.文字溢出隐藏
单行

white-space:nowrap;
text-overflow:ellipsis; //溢出的用"..."表示
overflow:hidden;

多行

.oversnowarp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

2.外边距塌陷（外边距合并），父元素样式设置为下面7种任意一种即可：

overflow:auto;
overflow:hidden;
border:1px solid transparent;
padding:1px
display:inline-block;
float:left;
position:absolute;

3.清除浮动

.clearfix:before,
.clearfix:after{
  content: " ";
  display: inline-block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  *zoom: 1;
}

4.常用的reset.css,当然你也可以直接抄用某些大厂的reset.css

@charset "utf-8";
/*网传用通配符会影响性能，其实并没有实质的根据，放心的用吧 */

* {margin: 0;padding: 0;}

/*是让所有的元素都使用 border-box ，并且包括 伪类 before, after 。并不是特殊的定义它们俩。before,after 默认的