當Web瀏覽器加載網頁時，它的顯示方式取決于來自級聯樣式表的信息，HTML文件有三種使用樣式表的方法：外部，內部和內聯。

內部和內嵌樣式表存儲在HTML文件本身中。它們很容易在當下工作，但由于它們不是存儲在中心位置，因此不可能輕易地在整個網站上同時更改樣式; 您必須返回每個條目并手動更改它。

但是，使用外部樣式表，呈現頁面的說明存儲在單個文件中，這使得在整個網站或多個元素上編輯樣式非常容易。該文件使用.CSS文件擴展名，并且HTML文檔中包含指向該文件位置的鏈接，以便Web瀏覽器知道在哪里查找樣式說明。

一個或多個文檔可以鏈接到同一個CSS文件，一個網站可能有許多獨特的CSS文件，用于為不同的頁面，表格，圖像等設置樣式。

如何鏈接到CSS外部樣式表？

每個想要使用特定外部樣式表的網頁都需要鏈接到

部分中的CSS文件，如下所示：

在此示例中，唯一需要更改以使其適用于您自己的文檔的是styles.css文本，這是CSS文件的位置。

如果文件實際上被稱為styles.css并且與鏈接到它的文檔位于完全相同的文件夾中，那么它可以保持與上面所讀的完全相同。但是，您的CSS文件可能標題為其他內容，在這種情況下，您只需將名稱從“styles”更改為您的名稱即可。

如果CSS文件不在此文件夾的根目錄中，而是在子文件夾中，則它可能會讀取以下內容：

有關外部CSS文件的更多信息

外部樣式表的最大好處是它們不依賴于任何特定頁面，如果樣式在內部或內嵌執行，則網站上的其他頁面無法指向這些樣式首選項。

但是，使用外部樣式，相同的CSS文件可以用于網站上的每個頁面，這樣所有頁面都具有統一的外觀，編輯整個網站的CSS內容非常容易和集中。

你可以在下面看到它是如何工作的……

內部樣式需要使用 ?

但是，由于外部樣式表包含在它們自己的文件中，因此可以像這樣創建它們，這意味著與上面的示例完全相同：

在這些示例中，內聯樣式僅適用于該特定頁面，這顯然是因為它包含在該HTML頁面的標題詳細信息中。在第二個示例中，CSS信息是自包含在CSS文件中的，任何頁面都可以使用上面的“ 如何鏈接到外部樣式表” ?部分中的代碼鏈接到該文件。

總結

以上是生活随笔為你收集整理的html链接外部css样式表,CSS外部样式表是什么？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。