css3新增屬性all的作用是什么

小編給大家分享一下css3新增屬性all的作用是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比浦江網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式浦江網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋浦江地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴。

首先我們了解一下css3 all屬性是什么？可以做什么？

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

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

.demo{
  all: unset;
}

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

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

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

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

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

說明：

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

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

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

html代碼：


	
		
			Change this div's all value.

css代碼：

.container {/* 繼承 */
  font-family: sans-serif;
  font-size: 1.5em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px black;
}

.parent {
  color: green;/* 繼承*/
  
  /* 不繼承 */
  background-color: gainsboro;
  width: 80%;
  padding: 1em;
  border: 5px solid #E18728;
}

效果圖（不使用all屬性）：

css3新增屬性all的作用是什么