溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么用css all屬性?

發(fā)布時(shí)間：2020-07-11 15:58:59 來(lái)源：億速云 閱讀：133 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)怎么用css all屬性?，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

all屬性是用來(lái)將除了 unicode-bidi 和 direction外的所有屬性重置為其初始值或從父元素那繼承的值。

CSS all屬性

all屬性實(shí)際上是所有CSS屬性的縮寫，表示，所有的CSS屬性都怎樣怎樣；但是，不包括unicode-bidi和direction這兩個(gè)CSS屬性。

作用：all屬性將重置除了 unicode-bidi 和 direction外的所有屬性。

語(yǔ)法：

all: initial|inherit|unset;

initial：將應(yīng)用于元素或元素父級(jí)的所有屬性更改為其初始值。

inherit：將應(yīng)用于元素或元素的父級(jí)的所有屬性更改為其父級(jí)值

unset：將應(yīng)用于元素或元素的父級(jí)的所有屬性更改為它們的父值（如果它們是可繼承的），或者更改為它們的初始值（如果不是可繼承的）。

注： Internet Explorer 和 Safari 瀏覽器不支持 all 屬性。

CSS all屬性的使用示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<style> 
html {
  font-size: small;
  color: blue;
}
p{
font-size: 20px;
color: #000;
}
#ex1 {
  background-color: yellow;
  color: red;
}
#ex2 {
  background-color: yellow;
  color: red;
  all: inherit;
}
#ex3 {
  background-color: yellow;
  color: red;
  all: initial;
}
#ex4 {
  background-color: yellow;
  color: red;
  all: unset;
}
</style>
</head>
<body>
<p>沒有設(shè)置all 屬性:</p>
<div id="ex1">億速云?。?！</div>
<p>all: inherit:</p>
<div id="ex2">億速云?。?！</div>
<p>all: initial:</p>
<div id="ex3">億速云！??！</div>
<p>all: unset:</p>
<div id="ex4">億速云?。?！</div>
</body>
</html>

效果圖：

怎么用css all屬性?

以上就是怎么用css all屬性?，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手