邯郸网络公司讲解CSS3:box-shadow属性的知识

　　邯郸网络公司讲解CSS3:box-shadow属性的知识，box-shadow属性是一个css3属性，允许我们在几乎任何元素上来创建阴影效果，类似于在设计软件中的”dropshadow”。这些阴影效果允许我们在原本平面的、二维的页面上面创建出深度（第三维）的错觉。

　　定义和用法box-sizing属性定义了如何计算元素的宽度和高度：它们是否包括填充和边框。特征说明默认值content-box继承无动画有。css版本css3JavaScript语法object.style.boxSizing="border-box"

　　兼容性

　　了完全支持该属性的第一个浏览器版本。数字后跟-ms-，-webkit-，-moz-或-o-指定使用前缀的第一个版本。

　　基本语法offset-x:x轴偏移的距离，从左到右offset-y:y轴偏移的距离，从上到下blur-radius:模糊处理的大小spread-radius:扩大区域的大小color:阴影的颜色inset:内部阴影(Semantic-UI的做法，就是用了内部阴影box-shadow:0px0px0px1pxrgba(34,36,38,0.15)inset)例子

　　同一个元素可以定义多个box-shadow，用逗号隔开

　　box-shadow:60px-16pxteal;box-shadow:10px5px5pxblack;box-shadow:2px2px2px1pxrgba(0,0,0,0.2);box-shadow:inset5em1emgold;box-shadow:3px3pxred,-1em00.4emolive;box-shadow:inherit;box-shadow:initial;box-shadow:unset;