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>
- 阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色