日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

渡虎谷告訴你CSS的結(jié)構(gòu)和規(guī)則(2)_SEO優(yōu)化教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

選擇符.類: 偽類 { 屬性: 值 }

選擇符.類: 偽元素 { 屬性: 值 }
定位錨偽類
偽類可以指定A元素以不同的方式顯示連接(links)、已訪問連接(visited links)和可激活連接(active links)。定位錨元素可給出偽類link、visited或active。一個已訪問連接可以定義為不同顏色的顯示,甚至不同字體大小和風格。

一個有趣的效果是使當前(或“可激活”)連接以不同顏色、更大的字體顯示。然后,當網(wǎng)頁的已訪問連接被重選時,又以不同顏色、更小字體顯示。這個樣式表的示例如下:

A:link { color: red }A:active { color: blue; font-size: 125% }A:visited { color: green; font-size: 85% }
首行偽元素
渡虎谷通常在報紙上的文章,例如Wall Street Journal中的,文本的首行都會以粗印體而且全部大寫地展示。CSS1包括了這個功能,將其作為一個偽元素。首行偽元素可以用于任何塊級元素(例如P、H1等等)。以下是一個首行偽元素的例子:

P:first-line { font-variant: small-caps; font-weight: bold }
首個字母偽元素
首個字母偽元素用于加大(drop caps)和其他效果。含有已指定值選擇符的文本的首個字母會按照指定的值展示。一個首個字母偽元素可以用于任何塊級元素。例如:

P:first-letter { font-size: 300%; float: left }
會比普通字體加大三倍。

層疊順序
當使用了多個樣式表,樣式表需要爭奪特定選擇符的控制權(quán)。在這些情況下,總會有樣式表的規(guī)則能獲得控制權(quán)。以下的特性將決定互相對立的樣式表的結(jié)果。

! important
規(guī)則可以用指定的! important 特指為重要的。一個特指為重要的樣式會凌駕于與之對立的其它相同權(quán)重的樣式。同樣地,當網(wǎng)頁制作者和讀者都指定了重要規(guī)則時,網(wǎng)頁制作者的規(guī)則會超越讀者的。以下是! important 聲明的例子:

BODY { background: url(bar.gif) white; background-repeat: repeat-x ! important }
Origin of Rules (Author's vs. Reader's)
正如以前所提及的,網(wǎng)頁制作者和讀者都有能力去指定樣式表。當兩者的規(guī)則發(fā)生沖突,網(wǎng)頁制作者的規(guī)則會凌駕于讀者的其它相同權(quán)重的規(guī)則。而網(wǎng)頁制作者和讀者的樣式表都超越瀏覽器的內(nèi)置樣式表。

渡虎谷網(wǎng)頁制作者應該小心地使用! important 規(guī)則,因為它們會超越用戶任何的! important 規(guī)則。例如,一個用戶由于視覺關(guān)系,會要求大字體或指定的顏色,而且這樣的用戶會有可能聲明確定的樣式規(guī)則為! important,因為這些樣式對于用戶閱讀網(wǎng)頁是極為重要的。任何的! important 規(guī)則會超越一般的規(guī)則,所以建議網(wǎng)頁制作者使用一般的規(guī)則以確保有非凡樣式需要的用戶能閱讀網(wǎng)頁。

選擇符規(guī)則: 計算特性
基于它們的特性級別,樣式表也可以超越與之沖突的樣式表,一個較高特性的樣式永遠都凌駕于一個較低特性的樣式。這只不過是計算選擇符的指定個數(shù)的一個統(tǒng)計游戲。

統(tǒng)計選擇符中的ID屬性個數(shù)。
統(tǒng)計選擇符中的CLASS屬性個數(shù)。
統(tǒng)計選擇符中的HTML標記名格式。
最后,按正確的順序?qū)懗鋈齻數(shù)字,不要加空格或逗號,得到一個三位數(shù)。( 注重,你需要將數(shù)字轉(zhuǎn)換成一個以三個數(shù)字結(jié)尾的更大的數(shù)。)相應于選擇符的最終數(shù)字列表可以很輕易確定較高數(shù)字特性凌駕于較低數(shù)字的。以下是一個按特性分類的選擇符的列表:

#id1 {xxx} /* a=1 b=0 c=0 特性 = 100 */UL UL LI.red {xxx} /* a=0 b=1 c=3 特性 = 013 */LI.red {xxx} /* a=0 b=1 c=1 特性 = 011 */LI {xxx} /* a=0 b=0 c=1 特性 = 001 */

來源:模板無憂//所屬分類:SEO優(yōu)化教程/更新時間:2007-04-18
相關(guān)SEO優(yōu)化教程