css3新增屬性all有什么用

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

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、重慶小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了銅官免費(fèi)建站歡迎大家使用！

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

all屬性：可以重置所有選定的元素屬性，除了兩個(gè)控制文本方向?qū)傩裕篸irection屬性和unicode-bidi屬性。

.demo{

all:unset;

}

它的重點(diǎn)是允許組件級(jí)別的樣式重置。有時(shí)候，從頭開(kāi)始設(shè)置想要的樣式，比在原本的樣式上進(jìn)行修改要簡(jiǎn)單多了。

下面我們來(lái)看看all屬性可以設(shè)置的屬性值：

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

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

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

說(shuō)明：

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

all是一個(gè)簡(jiǎn)寫(xiě)屬性，因?yàn)樗试S我們使用單個(gè)聲明一次控制每個(gè)CSS屬性的值。但是，它又與大多數(shù)簡(jiǎn)寫(xiě)屬性不同，沒(méi)有實(shí)用的“l(fā)onghand”版本，也沒(méi)有子屬性。

下面我們來(lái)看看all的演示效果：

html代碼：

Changethisdiv'sallvalue.