廊坊網(wǎng)站制作公司的技術(shù)人員在網(wǎng)站頁面設(shè)計(jì)當(dāng)中常常會(huì)使用到一些技巧,多個(gè)樣式的組合可以更好的解決頁面問題,那么說到多樣式組合該怎么做到呢?下面小編就詳細(xì)的為大家介紹下。
當(dāng)網(wǎng)站設(shè)計(jì)中出現(xiàn)了多個(gè)樣式時(shí),樣式表中的樣式不起作用,那基本就是樣式選擇方面出了問題!產(chǎn)生了哪個(gè)樣式優(yōu)先的樣式選擇權(quán)的問題。
用戶可以導(dǎo)入多個(gè)外部樣式表,并且可以用多種不同的方法將外部樣式表與文檔級(jí)和內(nèi)聯(lián)樣式組合到一起。它的效果是級(jí)聯(lián)的。比方說,你可以在外部樣式定義中指定我們示例中<h1>標(biāo)簽的字體類型,而在文檔級(jí)樣式表中指定要使用的顏色。
然而,樣式表效果并不是疊加的:很多樣式都可以為相同的屬性定義不同的值,其中擁有優(yōu)先權(quán)的那種樣式可以由下列所示的規(guī)則來確定樣式根據(jù)來源排序定義離網(wǎng)站HTMl標(biāo)簽“近”的樣式優(yōu)先離標(biāo)簽“遠(yuǎn)”的樣式,內(nèi)聯(lián)樣式優(yōu)先于文檔級(jí)樣式又優(yōu)先于外部樣式。
如果存在多個(gè)可用樣式,根據(jù)類排序定義為標(biāo)簽的類的屬性比為標(biāo)簽總體進(jìn)行定義的屬性具有更高的優(yōu)先權(quán)。如果還存在多個(gè)樣式,根據(jù)特殊性排序,一個(gè)更特殊的上下文樣式的屬性具有比一般下文的屬性更高的優(yōu)先權(quán)。如果還存在多個(gè)樣式,根據(jù)順序排序,最后指定的屬性優(yōu)先。
樣式屬性和一般標(biāo)簽屬性之間的關(guān)系幾乎是不可預(yù)知的,樣式表指定的背景和前前景顏色會(huì)覆蓋標(biāo)簽內(nèi)指定的多個(gè)color屬性。但內(nèi)聯(lián)圖像的align屬性通常具有比樣式指定的對(duì)齊方式更高的優(yōu)先權(quán)。
樣式和標(biāo)簽表現(xiàn)屬性可能的組合方式不計(jì)其數(shù)。你根本無法預(yù)知在優(yōu)先權(quán)大戰(zhàn)中,哪種組合會(huì)贏得優(yōu)先權(quán),哪些組合會(huì)失去優(yōu)先權(quán)。W3C制定的CSS2標(biāo)準(zhǔn)闡明了冗余和樣式與屬性優(yōu)先權(quán)的規(guī)則,但是能夠識(shí)別樣式的瀏覽器并沒有使用明確的優(yōu)化權(quán)模式。尤其不幸的是這種情況將持續(xù)一段時(shí)間,也許是好多年,在這段時(shí)期內(nèi),用戶可以使用能夠識(shí)別樣式的瀏覽器,也可以使用。創(chuàng)作者必須同時(shí)樣式和無樣式顯示控制才能得到相同的效果。
雖然這樣,我們還是建議客戶建網(wǎng)站盡可能不要使用一次性的、內(nèi)聯(lián)以及局部的表現(xiàn)效果類型,諸如<font>標(biāo)簽和color屬性所提供的效果。