@import 第一頁

@import 1

輸入風格表的檔案，其語法是：

@import 外部風格檔案 媒體型態集;

外部風格檔案可用 url() 或字串；下面兩行，結果相同。使用 url() 時，可不加 ' 或 "。CSS 檔案中不要加 <style type="text/css"> 與 </style>。媒體型態集 可放多個媒體型態；IE 沒有支援 @import 後接媒體型態集。

風格檔之內還可以放 @import 讀入風格檔，此時 @import 之前不可有風格規則，但是可以有其它 @規則。

根據 Yahoo! 的研究，在 IE 中使用 LINK 讀取風格檔會優於 @import。

以下範例均在個人電腦測試成功，因為部落格無法上傳 css 檔案，所以無法顯示效果。 <style type='text/css'> /* @import "c1.css"; */ @import url(c1.css); </style> <div class=cls> 射擊遊戲 </div>

• 風格用法：

  <style type='text/css'>
  /* @import "c1.css"; */
  @import url(c1.css);
  </style>
  <div class=cls>
  射擊遊戲
  </div>
  

• 執行結果：
  射擊遊戲

• c1.css 的內容： @charset 'big5'; @import "c10.css"; .cls {color:red}

  @charset 'big5';
  @import "c10.css";
  .cls {color:red}
  

• c10.css 的內容： .cls {background:blue}

  .cls {background:blue}
  

不可放在風格定義區塊之內。必須放在所有風格規則之前。下面例子中的兩個 @import 會被忽略。 <style type='text/css'> .cls2 {background:#733; @import 'c2.css'; } @import 'c2.css'; </style> <div class=cls2> 益智遊戲 </div>

• 風格用法：

  <style type='text/css'>
  .cls2 {background:#733;
         @import 'c2.css';
        }
  @import 'c2.css';
  </style>
  <div class=cls2>
  益智遊戲
  </div>
  

• 執行結果：
  益智遊戲

@import（你正在看 第一頁）

:

第一頁

第二頁