當(dāng)Web瀏覽器加載網(wǎng)頁(yè)時(shí)，它的顯示方式取決于來(lái)自級(jí)聯(lián)樣式表的信息，HTML文件有三種使用樣式表的方法：外部，內(nèi)部和內(nèi)聯(lián)。

內(nèi)部和內(nèi)嵌樣式表存儲(chǔ)在HTML文件本身中。它們很容易在當(dāng)下工作，但由于它們不是存儲(chǔ)在中心位置，因此不可能輕易地在整個(gè)網(wǎng)站上同時(shí)更改樣式; 您必須返回每個(gè)條目并手動(dòng)更改它。

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

一個(gè)或多個(gè)文檔可以鏈接到同一個(gè)CSS文件，一個(gè)網(wǎng)站可能有許多獨(dú)特的CSS文件，用于為不同的頁(yè)面，表格，圖像等設(shè)置樣式。

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

每個(gè)想要使用特定外部樣式表的網(wǎng)頁(yè)都需要鏈接到

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

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

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

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

有關(guān)外部CSS文件的更多信息

外部樣式表的最大好處是它們不依賴于任何特定頁(yè)面，如果樣式在內(nèi)部或內(nèi)嵌執(zhí)行，則網(wǎng)站上的其他頁(yè)面無(wú)法指向這些樣式首選項(xiàng)。

但是，使用外部樣式，相同的CSS文件可以用于網(wǎng)站上的每個(gè)頁(yè)面，這樣所有頁(yè)面都具有統(tǒng)一的外觀，編輯整個(gè)網(wǎng)站的CSS內(nèi)容非常容易和集中。

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

內(nèi)部樣式需要使用 ?

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

在這些示例中，內(nèi)聯(lián)樣式僅適用于該特定頁(yè)面，這顯然是因?yàn)樗谠揌TML頁(yè)面的標(biāo)題詳細(xì)信息中。在第二個(gè)示例中，CSS信息是自包含在CSS文件中的，任何頁(yè)面都可以使用上面的“ 如何鏈接到外部樣式表” ?部分中的代碼鏈接到該文件。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。