css3新增屬性all有什么用

小編給大家分享一下css3新增屬性all有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　all屬性實際上是所有CSS屬性的縮寫，表示：所有的CSS屬性都應該如何如何；但是，不包括unicode-bidi和direction這兩個CSS屬性。因此，我們應該可以知道all屬性的作用了：

　　all屬性：可以重置所有選定的元素屬性，除了兩個控制文本方向屬性：direction屬性和unicode-bidi屬性。

　　.demo{

　　all:unset;

　　}

　　它的重點是允許組件級別的樣式重置。有時候，從頭開始設置想要的樣式，比在原本的樣式上進行修改要簡單多了。

　　下面我們來看看all屬性可以設置的屬性值：

　　1、initial：將所有選定元素的屬性重置為CSS規范中定義的初始值。

　　2、inherit：selected元素繼承其所有父元素的樣式，包括通常不可繼承的樣式。

　　3、unset：selected元素繼承從父元素向下傳遞的任何可繼承值。如果沒有可用的可繼承值，則CSS規范的初始值將用于每個屬性。

　　說明：

　　在css中一些屬性沒有在規范中明確定義初始值，而是允許用戶自行設置初始值，比如：顏色和字體系列。

　　all是一個簡寫屬性，因為它允許我們使用單個聲明一次控制每個CSS屬性的值。但是，它又與大多數簡寫屬性不同，沒有實用的“longhand”版本，也沒有子屬性。

　　下面我們來看看all的演示效果：

　　html代碼：

　　<divclass="container">

　　<divclass="parent">

　　<divclass="alltest">

　　<p>Changethisdiv's<code>all</code>value.</p>

　　</div>

　　</div>

　　</div>

　　css代碼：

　　.container{/*繼承*/

　　font-family:sans-serif;

　　font-size:1.5em;

　　text-align:center;

　　text-transform:uppercase;

　　text-shadow:1px1px1pxblack;

　　}

　　.parent{

　　color:green;/*繼承*/

　　/*不繼承*/

　　background-color:gainsboro;

　　width:80%;

　　padding:1em;

　　border:5pxsolid#E18728;

　　}

以上是“css3新增屬性all有什么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！