CSS中的三种样式来源:创作人员、读者和用户代理
查看原文:https://www.cnblogs.com/JJJJJKKKKK/articles/4542545.html
CSS中的樣式一共有三種來源:創(chuàng)作人員、讀者和用戶代理,來源的不同會(huì)影響到樣式的層疊方式,很多第一次學(xué)習(xí)CSS的朋友,對(duì)這三種來源可能會(huì)存在一些困惑,下面我寫一下自己的理解,若有錯(cuò)誤的地方還請(qǐng)指正。
首先,創(chuàng)作人員(author’s+style)樣式應(yīng)該是我們最熟悉的,如果你是一個(gè)前端開發(fā)者,那么你寫的那些樣式就叫做創(chuàng)作人員樣式。
然后是用戶代理樣式(agent’s+style),用戶代理也就是我們通常所說的瀏覽器(IE、Firefox等等),這些瀏覽器會(huì)提供一些默認(rèn)的樣式,比如IE瀏覽器中,一個(gè)純粹由html代碼構(gòu)成的網(wǎng)頁里,我們會(huì)發(fā)現(xiàn)超鏈接會(huì)帶有一個(gè)藍(lán)色的前景色,這其實(shí)就用戶代理樣式,借用一些插件我們可以方便的查看這些默認(rèn)樣式(比如Firefox中的Web+developer)
最后,也是最容易被我們忽略的,讀者樣式(reader’s+style)。所謂讀者自然就是瀏覽網(wǎng)頁的用戶,有些時(shí)候這些用戶里可能會(huì)有人不滿意網(wǎng)頁的配色,或者字體大小,這時(shí)候他們就是通過瀏覽器提供的接口為網(wǎng)站添加讀者樣式。
介紹完了來源,我們來說一下如何按權(quán)重和來源排序,根據(jù)《CSS權(quán)威指南》(第三版P79)中總結(jié)的權(quán)重排序:
1.+創(chuàng)作人員的樣式+>+讀者人員的樣式+>+用戶代理的默認(rèn)樣式
2.+標(biāo)記為重要聲明(!important)的讀者樣式+>+一切樣式
有的朋友可能一開始不太明白第二條的意思,實(shí)際上這是CSS提供的一個(gè)很好的選擇機(jī)制,也就是說,通常情況下,創(chuàng)作人員樣式會(huì)擁有最大的權(quán)重,這也是作為開發(fā)人員最想要看到的,但是用戶擁有最終的選擇權(quán),可以通過!important覆蓋到任何想要覆蓋的樣式。
查看原文:https://www.cnblogs.com/JJJJJKKKKK/articles/4542545.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的CSS中的三种样式来源:创作人员、读者和用户代理的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: IE9下apply的使用方式
- 下一篇: CSS Grid网格布局全攻略