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;