CSS串聯樣式表教學『外部檔案』
還記的基礎篇我提到CSS的好處第二項： 它能讓我們只修正一個CSS文件，便可同時更新眾多的網頁版面外觀及格式。 現在就來教你如何將CSS樣式存在一個獨立的檔案，讓每個網頁來引用。連結樣式表和匯入樣式表的分別
匯入(import)樣式表和下面介紹的LINK連結樣式表功能是相同的， 只是運作方式不同。如果HTML文件以import的方式匯入樣式檔案， 那瀏覽器在讀取HTML文件時，會將樣式表複製一份到HTML文件內； 如果使用連結樣式表的方式(LINK)，瀏覽器會再HTML文件內的標籤需要格式設定時， 才會向所連結的樣式表索取樣式。
連結樣式表
步驟一、將下方語法複製到記事本，放置在與網頁同一個目錄內存檔時檔名輸入style.css(就是附檔名格式為.css)
只細看一下少了甚麼？發現了嗎？就是<style type="text/css"> </style>
存為獨立css檔案的時候一定要去掉這標籤
步驟二、在你要連結這css樣式所有網頁的<head></head>標籤中加入這一行
匯入樣式表
步驟一、跟上方連結樣式表相同步驟二、在你要匯入這css樣式所有網頁的<head></head>標籤中加入
<style type="text/css">
<!--
@import url("style.css");
-->
</style>
匯入樣式表的寫法有三種:
@import url("style.css");
@import "style.css";
@import 'style.css';
也可以在.css檔案再匯入一份樣式
@import url("style.css");
@import "style.css";
@import 'style.css';
也可以在.css檔案再匯入一份樣式