為了兼顧ie的怪異模式，css3對盒模式進行了改善，定義了box-sizing屬性，該屬性能夠事先定義盒模式尺寸解析方式。box-sizing屬性的基本語法如下
box-sizing：content-box | border-box | inherit;
box-sizing屬性初始值為content-box，適合所有能夠定義寬高的元素，取值說明：
content-box：該屬性將維持css2.1盒模式的組成模式，既元素，width/height=border+padding+content。
border-box：該屬性值將重新定義css2.1盒模式組成模式，既元素，width/height=content;如果這個css不寫 預設就是content-box
content-box ：border和padding不算入width中。比如：乙個100px的寬度的div，如果他的padding值為20px，border為5px,那麼他的實際寬度就為100 + 20*2 + 5*2 = 150px
border-box ：border和padding算入width中。比如：乙個100px的寬度的div，如果他的padding值為20px，border為5px,那麼他的內容寬度就為100 - 40*2 - 5*2 = 10px。
CSS3 混合模式
css3混合模式 css blend modes 是css3新增的乙個魔法特性，可以允許多個背景或多個元素進行混合，類似於photoshop的圖層混合模式 設定多背景之間的混合模式，背景色 背景影象 漸變背景之間的混合模式。可以接受16個取值，分別為 normal multiply screen o...
CSS3 混合模式
css3混合模式 css blend modes 是css3新增的乙個魔法特性，可以允許多個背景或多個元素進行混合，類似於photoshop的圖層混合模式 設定多背景之間的混合模式，背景色 背景影象 漸變背景之間的混合模式。可以接受16個取值，分別為 normal multiply screen o...
css3光束 CSS3實現光束和波浪
頁面html 人生在旅途，需要您的指引 樣式 語法解析 animation 屬性是乙個簡寫屬性，用於設定六個動畫屬性 animation name duration timing function delay iteration count direction keyframes定義和用法 通過 k...