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>

阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色

 

原文地址:https://www.cnblogs.com/stephenykk/p/3197147.html