CSS查漏补缺

1.CSS2
浮动，清除浮动
伪类，伪元素
透明
图片拼合技术

2.CSS3
盒圆角:border-radius:left-top.right-top,right-bottom,left-bottom
盒阴影:box-shadow:top left width color;
背景：background-size,background-clip,background-origin
渐变：background:linear-gradient(angel,color1,color2….)
radial-gradient(shape,size,color1,……)
自定义字体：@face-font
文本效果：word-wrap:word-break;

outline-offset: px等
设置outline与border的距离

resize:both;
让用户控制元素大小

apperance:button|icon|menu|field|normal|window
改变外观

box-sizing:border-box;
让盒子大小不受margin等元素影响

column-count:int;
将内容分为n列显示
Column-gap:px等
列之间的间距

过渡 transition: property(all,width…),time(1s….)
2D :
rotate(deg):旋转
scale(x-time,y-time): 范围扩大或缩小
translate(x-px,y-px) 平移
skew(deg,deg) 往x,y轴倾斜

3D
rotateX(),rotateY()

动画
Animation:keyframe time;