|
方法D:行內(nèi)樣式
<h1 style="font-family: Georgia, serif; color: orange;">This is a Title</h1>
這是我們所接觸的第四種CSS應(yīng)用方法--行內(nèi)樣式,幾乎任何標(biāo)簽都能加上style屬性,讓你能直接對(duì)標(biāo)簽應(yīng)用CSS樣式規(guī)則,與上面的例子一樣.
由于行內(nèi)樣式是層疊最底層,因此他們會(huì)覆蓋所有外部樣式的聲明,以及聲明在<head>的<style>標(biāo)簽內(nèi)的規(guī)則.
這是個(gè)在頁(yè)面各處加上樣式的簡(jiǎn)單做法,但是使用它必須付出代價(jià).
樣式綁死在標(biāo)簽上
如果在為頁(yè)面制定樣式的時(shí)候太依賴(lài)方法D,那么就沒(méi)有做到把內(nèi)容和展示方式分離,回頭修改的時(shí)候必須深入標(biāo)記源代碼,把CSS放到分離得到文件中,維護(hù)起來(lái)就簡(jiǎn)單很多.
濫用方法D與使用<font>之類(lèi)的顯示效果標(biāo)簽污染標(biāo)記源代碼沒(méi)什么差別,這些設(shè)計(jì)細(xì)節(jié)向來(lái)應(yīng)該放在其他地方.
小心使用
在現(xiàn)實(shí)情況中,當(dāng)然有時(shí)用行內(nèi)樣式的機(jī)會(huì),在需要為頁(yè)面加上樣式,但是無(wú)法存取外部文件,或是不能修改<head>的時(shí)候,它能救你一命,或者暫時(shí)套用樣式,不打算與其它標(biāo)簽共用的時(shí)候也會(huì)用到.
舉例來(lái)說(shuō),如果網(wǎng)站上有個(gè)預(yù)告慈善義賣(mài)的頁(yè)面,稍后就會(huì)取下,而你想為這個(gè)頁(yè)面設(shè)計(jì)一套獨(dú)特的樣式,那么或許就將這些樣式規(guī)則內(nèi)嵌到標(biāo)簽里,而不把他們加到永久樣式表里.
這就動(dòng)手吧,不過(guò)要注意這些樣式無(wú)法輕易更改,或是橫跨頁(yè)面讓整個(gè)網(wǎng)站使用.
歸納
我們看了四種為標(biāo)記內(nèi)容應(yīng)用CSS的不同方法,發(fā)現(xiàn)每種方法在應(yīng)付特殊情況時(shí)都具有各自的優(yōu)點(diǎn).讓我們復(fù)習(xí)一下每個(gè)方法,以及它們的優(yōu)缺點(diǎn).
方法A:
-
需要把樣式方在每個(gè)頁(yè)面的<head>內(nèi),無(wú)法讓許多頁(yè)面共享同一份樣式表,而且必須在每次讀取頁(yè)面時(shí)重新下載.
-
放在<style>內(nèi)的樣式無(wú)法完全對(duì)老舊瀏覽器隱藏.
-
適合在測(cè)試,開(kāi)發(fā)階段使用,標(biāo)記內(nèi)容與樣式能放在相同文檔里一起修改.
方法B:
-
讓一組樣式能在許多頁(yè)面之間甚至整個(gè)網(wǎng)站內(nèi)公用.
-
外部樣式表只會(huì)下載一次,瀏覽器會(huì)作緩存,節(jié)省重復(fù)訪問(wèn)的下載時(shí)間.
-
把共享的樣式放在一個(gè)文檔里,代表設(shè)計(jì)變更易于維護(hù).
-
以<link>標(biāo)簽引用的樣式表無(wú)法對(duì)老舊瀏覽器隱藏.
方法C:
-
讓一組樣式能在許多頁(yè)面之間甚至整個(gè)網(wǎng)站內(nèi)公用.
-
外部樣式表只會(huì)下載一次,瀏覽器會(huì)作緩存,節(jié)省重復(fù)訪問(wèn)的下載時(shí)間.
-
把共享的樣式放在一個(gè)文檔里,代表設(shè)計(jì)變更易于維護(hù).
-
@import能對(duì)Netscape 4.x瀏覽器隱藏樣式內(nèi)容.
方法D:
-
樣式定義在行內(nèi),讓顯示效果與標(biāo)記內(nèi)容靠得太近.
-
無(wú)法與其它標(biāo)簽,整個(gè)文檔甚至全站公用樣式定義.
-
維護(hù)十分麻煩,缺乏效率.
-
適用于暫時(shí)性的問(wèn)題,或者無(wú)法存取外部檔案,修改頁(yè)面<head>的時(shí)候使用.
現(xiàn)在看完了所有把樣式與標(biāo)簽語(yǔ)法鏈接在一起做法,讓我們更進(jìn)一步,在"技巧延伸"中看看替換樣式表.
下文：Chapter 11 打印樣式
本文鏈接：http://m.95time.cn/tech/web/2008/5974.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 標(biāo)記語(yǔ)言——應(yīng)用CSS [3] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 4 頁(yè) 標(biāo)記語(yǔ)言——應(yīng)用CSS [4]
