css3
border-color border-image border-radius
border-image和border-radius类似，四角铺盖图片 注意把border:width color style;放在border-image前面其中border-image:url() number;
width决定图片的相对大小 number决定图片的宽度
background-origin：border | padding | content
border：从border区域开始显示背景。
padding：从padding区域开始显示背景。
content：从content区域开始显示背景。
background-clip：border-box | padding-box | content-box | no-clip
border-box：从border区域向外裁剪背景。
padding-box：从padding区域向外裁剪背景。
content-box：从content区域向外裁剪背景。
no-clip：从border区域向外裁剪背景。
background-size：width height
设置背景图片的大小。
color
hsl(色调 饱和度 亮度)
Hue(色调)。 0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色；
Saturation(饱和度)。 取值为0%到100%之间的值；
Lightness(亮度)。 取值为0%到100%之间的值；
opacity 透明度
由浮点数字和单位标识符组成的长度值。不可为负值。声明用来设置一个元素的透明度，opacity取值为1的元素是完全不透明的，反之，取值为0是完全透明的，看不见的。1到0之间的任何值都表示该元素的透明程度。列如opacity{opacity:0.6;}
rgb(r g b a)
R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数
A：透明度。取值0~1之间
例如:aaa{background-color:rgba(0,120,60,0.4);}
text-shadow (length color opacity)文本阴影
color：指定颜色。
length：由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
opacity：由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。请参阅 长度单位。
text-overflow ：clip| ellipsis
clip：不显示省略标记（...），而是简单的裁切。
ellipsis：当对象内文本溢出时显示省略标记（...）
和overflow:hidden一起用
word-wrap:break-word;
break-word：内容将在边界内换行。如果需要，词内换行（word-break）也会发生。
和overflow:hidden一起用
box-shadow
box-sizing：content-box|border-box|inherit
content-box:此值维持css2.1盒模型的组成模式，border|padding|content {element width=border+padding+content}
border-box:此值改变css2.1盒模型组成模式，content|border|padding {element width=content}
改变容器的盒模型组成方式。
transition:transition-property|| transition-duration ||transition-timing-function|| transition-delay
"transition"缩写属性联合了transition-property，transition-duration，transition-timing-function和transition-delay这四个单一的属性。需要注意的是，这些属性的顺序很重要，第一个数值将作为变换时间长短(transition-duration)来处理，第二个会作为变换执行延迟(transition-delay)的时间。另外一个建议是当接收含字体缩写的时候，同种类型的值间使用字符"/"。例如2s/4s表示2秒钟的持续时间以及4秒钟的延时。
transition-property:
transition-duration:执行时间
transition-timing-function:此时间函数使用的是贝塞尔曲线。
transition-delay:执行延迟
@media 改变窗口样式改变
columns：宽度||栏目数
-webkit-columns:90px 3;
@font-face：{属性: 取值;}
@font-face 能够加载服务器端的字体文件，让客户端显示客户端所没有安装的字体。【微软的IE 5已经是开始支持这个属性，但是只支持微软自有的.eot (Embedded Open Type) 格式，而其他浏览器直到现在都没有支持这一字体格式。然而，从Safari 3.1开始，网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。
font-family：设置文本的字体名称。
font-style：设置文本样式。
font-variant：设置文本是否大小写。
font-weight：设置文本的粗细。
font-stretch：设置文本是否横向的拉伸变形。
font-size：设置文本字体大小。
src：设置自定义字体的相对路径或者绝对路径，注意，此属性只能在@font-face规则里使用。
