在「CSS基礎教學(1)--CSS基本語法」一文中有提到了 CSS 語法可以寫在標籤的 style 屬性、可以寫在 <STYLE> 標籤中、也可以寫在獨立的樣式檔。在「CSS基礎教學(1)--CSS基本語法」文章中有大概介紹了前兩種寫法，下面就來介紹一下樣式檔的用法
其實樣式檔的寫法很簡單，同樣用文字編輯器新增一個檔案，副檔名一般會用 css，裡面的內容就是寫在 <STYLE> 標籤內的東西，但要注意不需要將 <STYLE> 標籤寫入
寫好後，在 HTML 檔中就可以將視需要來將它載入使用，載入的方法是在 <HEAD> 標籤中寫入以下的語法
例如
test.css
test.html
如此在瀏覽 test.html 時，即可看見套用樣式後的效果。css 檔不一定要跟 html 檔放在同一個目錄下，只要 URL 可以讀得到即可。
css 檔的優點如下
1．可以給很多個網頁來套用，不需各網頁一一地去定義同樣的樣式
2．維護較方便。當樣式要做微調時，只須修改樣式檔，不需各網頁一一去修改
3．換個樣式檔，網頁就能呈現不一樣的風格
--gs--
{CSS基礎教學}
其實樣式檔的寫法很簡單，同樣用文字編輯器新增一個檔案，副檔名一般會用 css，裡面的內容就是寫在 <STYLE> 標籤內的東西，但要注意不需要將 <STYLE> 標籤寫入
寫好後，在 HTML 檔中就可以將視需要來將它載入使用，載入的方法是在 <HEAD> 標籤中寫入以下的語法
例如
test.css
test.html
如此在瀏覽 test.html 時，即可看見套用樣式後的效果。css 檔不一定要跟 html 檔放在同一個目錄下，只要 URL 可以讀得到即可。
css 檔的優點如下
1．可以給很多個網頁來套用，不需各網頁一一地去定義同樣的樣式
2．維護較方便。當樣式要做微調時，只須修改樣式檔，不需各網頁一一去修改
3．換個樣式檔，網頁就能呈現不一樣的風格
--gs--
{CSS基礎教學}
沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。
0 意見:
張貼留言
廣告訊息會被我刪除