1.背景模糊：
filter:blur( 10px);
overflow:hidden;
2.超過(guò)的文字成省略號(hào)：
單行文本溢出
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; //單行文本溢出
多行文本溢出
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden; //多行文本溢出
3.清除span之間的間隙
font-size:0;
4.position布局的厲害之處
父元素用relative
當(dāng)前元素相對(duì)父元素移動(dòng)absolute
top,right,bottom,left
5.z-index層級(jí)
6.background
width
height
background-image:url()
background-size:
background-repeat:no-repeat;
7.vertical-align:top
8.cursor:pointer;
9.sticky footer布局
···
10.偽類偽元素
:before :after
:hover
11.清除浮動(dòng)
.clearfix{
display: inline-block;
}
.clearfix:after{
display: block;
content: ".";
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
}
