如何連線外部CSS樣式
阿新 • • 發佈：2019-02-20
連線外部CSS樣式
外部CSS樣式是一個獨立的CSS檔案，當在網頁中直接建立外部CSS樣式時，該樣式自動應用到網頁中；當在建立空白網頁時，通常可以附加已經存在的外部樣式表。如果CSS樣式檔案已經存在，製作網頁時可以通過【CSS樣式】面板中的【附加樣式表】按鈕來連結，具體操作如下：
（1）單擊【附加樣式表】按鈕，在開啟【連結外部樣式表】對話方塊（見圖1）中選擇外部CSS檔案後，可以通過“連線”或“匯入”方式將其應用到當前網頁中。
（2）在【新增為】中選擇其中的一個選項：
◇若要建立當前文件和外部樣式表之間的連結，請選擇【連結】單擊按鈕。該選項在HTML程式碼中建立一個<link>標記，並引用已釋出的樣式表所在的URL。<link>標記必須放在頁面的<head>區域。Internet Explorer和Netscape Navigator都支援此方法。
◇如果希望匯入而不是連結到外部樣式表，請選擇【匯入】單擊按鈕。匯入外部樣式表是指在內部樣式表的<style>裡匯入一個外部樣式表，匯入時用@import。
注意：不能使用 【連結】標記新增從一個外部樣式表到另外一個外部樣式表的引用。如果要巢狀樣式表，必須使用【匯入】指令。大多數瀏覽器還能識別頁面中（而不僅僅是樣式表中）的匯入指令。當在連結到頁面與匯入到頁面的外部樣式表中存在重疊的規則時，不同瀏覽器解決衝突屬性的方式具有細微的差別。