溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關怎么用css all屬性?，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
all屬性是用來將除了 unicode-bidi 和 direction外的所有屬性重置為其初始值或從父元素那繼承的值。
CSS all屬性
all屬性實際上是所有CSS屬性的縮寫，表示，所有的CSS屬性都怎樣怎樣；但是，不包括unicode-bidi和direction這兩個CSS屬性。
作用：all屬性將重置除了 unicode-bidi 和 direction外的所有屬性。
語法：
all: initial|inherit|unset;
initial：將應用于元素或元素父級的所有屬性更改為其初始值。
inherit：將應用于元素或元素的父級的所有屬性更改為其父級值
unset：將應用于元素或元素的父級的所有屬性更改為它們的父值（如果它們是可繼承的），或者更改為它們的初始值（如果不是可繼承的）。
注： 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>沒有設置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屬性?，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
