1 -webkit- -moz- -o-浏览器兼容
2 box-sizing:border-box; 两个近乎一样的div一样的样式 平分一个div 定义:属性允许您以确切的方式定义适应某个区域的具体内容。
3 outline-offset 属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。outline:2px solid red; outline-offset:15px;
4 column-count: 3; 多列
5 过度 1.指定要添加效果的CSS属性 2.指定效果的持续时间。 transition:width 2s, height 2s, transform 2s;
translate() ratate()scale()skew()matrix
6 线性渐变 径向渐变 Linear Gradients()Radial Gradients()
7 @media screen and (min- 480px)
8 @keyframes 当在 @keyframes 创建动画,把它绑定到一个选择器,否则动画不会有任何效果:1.规定动画的名称 2.规定动画的时长 animation:myfirst 5s; @keyframes myfirst{具体操作}
eg:from: to: 或 0% {background: red;}25% {background: yellow;}50% {background: blue;}100% {background: green;