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.旋转后坐标轴随这元素旋转