1. 程式人生 > >SS中的三種樣式來源:創作人員、讀者和用戶代理

SS中的三種樣式來源:創作人員、讀者和用戶代理

最終 插件 evel 想要 開發者 有一個 agen 接口 html

CSS中的樣式一共有三種來源:創作人員、讀者和用戶代理,來源的不同會影響到樣式的層疊方式,很多第一次學習CSS的朋友,對這三種來源可能會存在一些困惑,下面我寫一下自己的理解,若有錯誤的地方還請指正。

首先,創作人員(author‘s+style)樣式應該是我們最熟悉的,如果你是一個前端開發者,那麽你寫的那些樣式就叫做創作人員樣式。

然後是用戶代理樣式(agent‘s+style),用戶代理也就是我們通常所說的瀏覽器(IE、Firefox等等),這些瀏覽器會提供一些默認的樣式,比如IE瀏覽器中,一個純粹由html代碼構成的網頁裏,我們會發現超鏈接會帶有一個藍色的前景色,這其實就用戶代理樣式,借用一些插件我們可以方便的查看這些默認樣式(比如Firefox中的Web+developer)

最後,也是最容易被我們忽略的,讀者樣式(reader‘s+style)。所謂讀者自然就是瀏覽網頁的用戶,有些時候這些用戶裏可能會有人不滿意網頁的配色,或者字體大小,這時候他們就是通過瀏覽器提供的接口為網站添加讀者樣式。

介紹完了來源,我們來說一下如何按權重和來源排序,根據《CSS權威指南》(第三版P79)中總結的權重排序:

1.+創作人員的樣式+>+讀者人員的樣式+>+用戶代理的默認樣式

2.+標記為重要聲明(!important)的讀者樣式+>+一切樣式

有的朋友可能一開始不太明白第二條的意思,實際上這是CSS提供的一個很好的選擇機制,也就是說,通常情況下,創作人員樣式會擁有最大的權重,這也是作為開發人員最想要看到的,但是用戶擁有最終的選擇權,可以通過!important覆蓋到任何想要覆蓋的樣式。

SS中的三種樣式來源:創作人員、讀者和用戶代理