css3学习

太懒了，太懒了，本来注册博客的时候是计划1天一篇博客的，，结果。。结果。。 好吧。

前段时间面试啊，人家问我，css3熟不熟，我说都是我自学的，基本的都知道的（后来发现说这话太无耻，太无耻了）然后人家就问了，给一个div层加发光效果怎么弄，，尼玛呀。当时我记得我只看了文字阴影啥的，好像叫text-shadow.嗯。我说有一个叫text什么的，给文字加效果的。人家说，我说的是给div加，当时我啊，想不起来，想不起来。明明记得看过的，后来人家说算了，那渐变会吗，我说会啊，我自己写过的，然后人家问渐变那个你写一下，尼玛，又残了，平常都是百度里面贴过来的，单词都不记得是什么，，囧啊，囧死了。。心里暗想，你们干嘛问这个啊，百度里不是有吗，到时候工作的时候百度一搜多方便啊，没啥好问的；不过后来还是觉得自己做事太马虎，总是看过，然后觉得简单，自己会了，其实自己没用深究过，也没有用心去学习过；

回来后，就开始各种css教程看啊；

首先说说div发光效果，其实跟文字发光大同小异；box-shadow和text-shadow;

box-shadow:x轴偏移量，y轴偏移量，阴影模糊半径，阴影扩展半径，阴影颜色，投影方式;

投影方式：外阴影和内阴影（inset），默认是外阴影；

可以有1个或多个投影，多个投影时，需要用","分隔；

内阴影下：

x轴偏移量：如果是负值，投影在对象的左边，正直则在右边；

y轴偏移量：如果是负值，投影在对象的上方，否则在下方；

阴影模糊半径：此参数是可选，但是必须是正值，其值为0时，表示阴影不具有模糊效果，其值越大，阴影的边缘越模糊；

阴影扩展半径：次参数是可选，可以有正负值，如果为正值，则阴影延展扩大，反正，则缩小；

阴影颜色：此参数可选，如果不设定任何颜色时，浏览器会取默认色，但各浏览器不一样，特别是webkit内核的safari和google浏览器将无色，也就是特别，建议不要省略此参数；

利用box-shadow 可制作多边框效果；

如：-moz-box-shadow:0 0 0 1px #000,0 0 0 2px #fff,0 0 0 3px #f00;