取用風格表的方法

風格表有三種取用法：

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 區塊風格表： <style type='text/css'> .tbl TD { border:solid 1px blue; color:red} </style> <table class='tbl'> <tr><td>土豆網 <td>蘋果日報 <td>統一發票 </table>
   
3. 在個別元件上用 STYLE 屬性，定義風格表： <table class='tbl'> <tr><td>土豆網 <td>蘋果日報 <td style='color:green'>統一發票 </table>
   • 上例中，第三個 TD 元件設定了 color:green，這會取代前面植入區塊風格表的定義。

如果在一份文件中，使用了上述三種方法定義風格表，其優先順序是：元件 STYLE 屬性風格表會取代植入區塊風格表；區塊風格表會取代外部風格表檔案。也就是，距離元件越近的風格定義，越優先使用。