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