使用時機

 

【使用時機】

是否為了不知道該用何種方法,而傷透腦筋呢?其實別想那麼多啦!您只要會用其中任一種方法,實際上,就很好用了。「什麼?您還是不知道該用哪一種方法?」那麼,工友給您幾個建議,先看看您的網頁規模:

  1. 若是您的網站規模在10頁以上,而且有統一的格式,那麼強烈建議採用「外部呼叫」的方法,因為,維護上會很方便,只要改改CSS檔,所有套用CSS檔的網頁,其格式都會一併改過來,如此,維護方便,又可減少網頁體積,何樂而不為。

  2. 若是您的網頁是屬於那種每頁有不同風格的,那麼,用「標準用法」比較恰當,也就是將CSS表放置在各個網頁中,如此,可以方便的針對各個網頁做不同的調整。

  3. 若是您的網頁中,只有少部份會用到CSS,那麼,您可以採用「單獨使用」也就是以加入STYLE屬性到標籤中的方式,如此,省空間,又有彈性。

  4. 若是您的網頁不屬於以上任一情形,那麼,以「標準用法」最為恰當,因為,既保留了彈性,亦保留了統一性,是不錯的選擇。

您或許會想知道,本站用的是那種方式?工友用的是「外部呼叫」,畢竟幾百頁的網頁,若只是為了改變一個小地方,動輒修改數百頁的CSS表,那將是一件恐怖的事情。

【會不會互相衝突】

有人會擔心:「我若是同時使用標準用法和外部呼叫,那會不會有所衝突?」嗯嗯...好問題。這要看看您所謂的衝突是什麼意思。若是您的意思是「衝突 = 當機 or 無法顯示」那放心好了,不會!不可能。

【各種用法的優先順序】

剛剛說過四種用法並不衝突,不過,若是今天您在「標準用法」的CSS表中設定文字顏色為紅色,但又在外部呼叫的CSS檔中設定文字顏色為藍色,那到底文字顏色會變成什麼色呢?嘿嘿...要回答這個問題,我們就要了解一下,對於瀏覽器而言,到底哪一種用法的優先權最高!就好像坐公車一樣!少年人能座椅子的優先權最低..老年人高一點,孕婦的優先權又更高一點...CSS也一樣有優先權喔!簡單來說:

  1. 您可以四種一起用,只要設定內容沒有重複,那麼,四種用法都可以相安無事。但是,幹嘛四種一起用?不要把事情搞得太複雜嘛!

  2. 若是您重複設定(如下表),那麼以後者為準,亦即文字大小會是15pt:
    <style type="text/css">body{font-size:9pt}</style>
    <style type="text/css">body{font-size:15pt}</style>

  3. 若是您用了好幾種方法(如下表),而且有設定項是相同的,那麼一樣以最後者為準,亦即文字大小會是15pt:
    <style type="text/css">body{font-size:9pt}</style>
    <link rel=stylesheet type="text/css" href="my_css.css">

    my_css.css內容:
    body{font-size:15pt}

  4. 所以,簡單的說,設定以最後讀入者為最優先!


Established since: March 28, 2003
All the design R 2003 by Admin