css3上

1.css3浏览器兼容：

-webkit-谷歌

-o-欧朋

-moz-火狐

2.border-radius：圆角度

3.@media screen and(){样式}：媒体查询

4.transition过渡

  参数：属性名  过渡时间  过渡延时时间  过渡速率

5.background-size：背景图片大小

6.box-shadow:盒子阴影

四个值：水平阴影  垂直阴影  模糊距离  颜色

7.text-shadow:文本阴影

四个值：水平阴影  垂直阴影  模糊距离  颜色

8.线性渐变：background-image：linear-gradient（方向，color1，color2）

ps:默认方向从上到下，如果从左到右background-gradient(to right，red，green，transparent）

9.径向渐变：background-image:radial-gradient(color1,color2)

10.特殊字体：

(1).@font-face{font-family:my-font;src:url();}

(2).div{font-family:my-font;}

11.transform:

tanslate:移动

rotate：旋转

scale：缩放

skew：扭曲

注意：1.坐标轴X向右为正方向  y向下为正方向  z向外为正方向

           2.旋转后坐标轴随这元素旋转