css3 学习 重点 常用

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-width: 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;