本篇文章給大家分享的是有關(guān)怎么用css all屬性?,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
創(chuàng)新互聯(lián)建站長期為上千多家客戶提供的網(wǎng)站建設(shè)服務,團隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為商河企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站制作,商河網(wǎng)站改版等技術(shù)服務。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。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>沒有設(shè)置all 屬性:</p>
<div id="ex1">創(chuàng)新互聯(lián)建站!!!</div>
<p>all: inherit:</p>
<div id="ex2">建站互聯(lián)建站!!!</div>
<p>all: initial:</p>
<div id="ex3">創(chuàng)新互聯(lián)建站!!!</div>
<p>all: unset:</p>
<div id="ex4">創(chuàng)新互聯(lián)建站!!!</div>
</body>
</html>效果圖:

以上就是怎么用css all屬性?,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降摹OM隳芡ㄟ^這篇文章學到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。
網(wǎng)頁名稱:怎么用cssall屬性?-創(chuàng)新互聯(lián)
當前網(wǎng)址:http://chinadenli.net/article16/cedpgg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、網(wǎng)站營銷、網(wǎng)站內(nèi)鏈、自適應網(wǎng)站、標簽優(yōu)化、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容