2008/11/17

取用風格表的方法

風格表有三種取用法:

  1. 使用外部風格表檔案:可將主要的,泛用的風格表定義存在檔案中。如此可以讓多個類似的網頁文件,讀取同一個風格表檔案。讀取外部風格表檔案要用 LINK 元件或 @import 。風格表檔案中不必加上 <style type='text/css'> 及 </style>。
    • 使用 LINK 元件:

      <LINK href="beautiful.css" rel="stylesheet" type="text/css" />

    • 使用 @import:
      <style type='text/css'>
      @import "beautiful.css";
      </style>
      
  2. 在網頁文件中植入 STYLE 區塊風格表:
  3. 在個別元件上用 STYLE 屬性,定義風格表:
    • 上例中,第三個 TD 元件設定了 color:green,這會取代前面植入區塊風格表的定義。
如果在一份文件中,使用了上述三種方法定義風格表,其優先順序是:元件 STYLE 屬性風格表會取代植入區塊風格表;區塊風格表會取代外部風格表檔案。也就是,距離元件越近的風格定義,越優先使用。