邯鄲網絡公司講解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;