css3:基础知识

css3相对css2，表现力大大增强，可以实现一些很炫的效果。

下面是学习css3的一个总结,看到哪写到哪，可能会比较乱，等以后有时间再整理一下。

其实网上有很多css3handbook，但是实践出真知，还是自己动手写一下才能更清晰一点。

各浏览器css新特性都会加上自己的前缀 如:

chrome/safari: -webkit-

firefox: -moz-

opera: -o-  //最简洁就数它了 --~

ie: -ms-

-----------------------------
box-shadow
box-shadow:x-offset y-offset blur colorOfShadow{1,2}  /* 可定义上下阴影 x-offset y-offset 可正可负，把box看做一个很大的点 点的右下方为正 左上方为负 color可为rgba(0,0,0,.4)的形式，定义半透明的阴影色 */ 

如： .box{box-shadow:1px 1px 2px green, -1px -1px 2px blue;  }

语法：box-shadow: <length><length><length> <length> || <color>

阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色