拓米數位CSS串接樣式表教學文件

<%@LANGUAGE="VBSCRIPT" CODEPAGE="950"%> 拓米數位CSS串接樣式表教學文件

文件標題：[A002]將樣式表存成.css的獨立檔載入取用

內容說明：

1、.css 檔的製作
2、一般網頁連結 .css 檔的語法
A、使用Link的語法，即可讀取 .css 檔的所有樣式表
B、另一種方法是使用CSS語法：@import，一樣寫入<Head>......</Head>之間

教學內容：

1、.css 檔的製作

只要開一個空白的記事本，記得是空白的，將你所寫好的樣式表一一放入，如下：

Body { 　　　color:FF6699 ; Font-Size:18; } Font { 　　　color:EE3366 ; Font-Size:20; } .mycss { 　　　color:DD5588 ; Font-Size:22; }

假設我們存成名為 myclass.css 檔，就有三個樣式可以使用了，當然可以寫入更多。

2、一般網頁連結 .css 檔的語法

A、使用Link的語法，即可讀取 .css 檔的所有樣式表

語法：

範例：

B、另一種方法是使用CSS語法：@import，一樣寫入<Head>......</Head>之間

語法：

<Head>
<Style>
@import url(css檔的相對位置);
</Style>
</Head>

範例：

<Style> @import url(mycss.css); </Style>

這樣就有三個樣式表可以使用了，同樣也是在需要的標籤寫入 class="樣式表名"

最後修改日期： 2003年10月8日