1.border-radius添加边框的圆角;
2.box-shadow添加方框阴影;
3.border-image使用图片创建围绕div元素的边框;
4.background-size规定背景图片的尺寸;
5.background-origin(content-box padding-box border-box)规定背景图片的定位区域;
6.多重背景图片background-image:url(bg_flower.gif),url(bg_flower_2.gif);
7.text-shadow添加文字阴影;
8.word-wrap属性可以强制文本换行(单词过长时);
[email protected]可以使用自己的字体,需要时自动下载到用户的计算机;
10.2D转换:(各种transform方法)
a.translate():元素从其当前位置移动给定的left(x)和top(y);
b.rotate():若为正,则顺时针旋转给定的角度;
c.scale():元素尺寸增加或减少,根据给定的宽(x)和高(y);
d.skew():元素翻转给定的角度,根据给定的水平线(x)和垂直线(y);
e.matrix():将2d转换方法组合在一起;
11.3D转换:
rotateX() rotateY()等;
12.transition(过渡) (属性,时长);
13.css动画:使用@keyframes创建动画再绑定到某个选择器上;
14.css3多列:(count gap rule);
15.css3用户界面:resize:both 可由用户调整大小;box-sizing outline-offset轮廓(不占空间,可以是非矩形)