1，边框 属性：border-radius|border-shadow|border-image
2，背景 属性：border-size(规定背景图片的尺寸)|background-origin（规定背景图片的定位区域）
3，文本效果：text-shadow|word-wrap
4，字体：自定义字体
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9+ */
}
5，2D转换方法：transform:属性：
translate()，通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标）和 top（y 坐标）位置参数：
rotate()，通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。
scale()，通过 scale() 方法，元素的尺寸会增加或减少，根据给定的宽度（X 轴）和高度（Y 轴）参数：
skew()，通过 skew() 方法，元素翻转给定的角度，根据给定的水平线（X 轴）和垂直线（Y 轴）参数：
martrix()，matrix() 方法把所有 2D 转换方法组合在一起。
matrix() 方法需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。
6，3D转换方法：
rotateX() 方法，通过 rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。
rotateY() 旋转
通过 rotateY() 方法，元素围绕其 Y 轴以给定的度数进行旋转。
7，过渡：transition（）方法，如：transition:all 1s ease in out;
8，动画
animation:myfirst 5s ;
@keyframes myfirst
{
0% {background:red; left:0px; top:0px;}
25% {background:yellow; left:200px; top:0px;}
50% {background:blue; left:200px; top:200px;}
75% {background:green; left:0px; top:200px;}
100% {background:red; left:0px; top:0px;}
}
9,多列：
column-count 属性规定元素应该被分隔的列数
column-gap 属性规定列之间的间隔
column-rule 属性设置列之间的宽度、样式和颜色规则
10,用户界面：
resize 属性规定是否可由用户调整元素尺寸，如：resize:both;
box-sizing 属性允许您以确切的方式定义适应某个区域的具体内容。
outline-offset 属性对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓
规定边框边缘之外 15 像素处的轮廓：
div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}