html链接外部css样式表,CSS外部样式表是什么?
當(dāng)Web瀏覽器加載網(wǎng)頁時,它的顯示方式取決于來自級聯(lián)樣式表的信息,HTML文件有三種使用樣式表的方法:外部,內(nèi)部和內(nèi)聯(lián)。
內(nèi)部和內(nèi)嵌樣式表存儲在HTML文件本身中。它們很容易在當(dāng)下工作,但由于它們不是存儲在中心位置,因此不可能輕易地在整個網(wǎng)站上同時更改樣式; 您必須返回每個條目并手動更改它。
但是,使用外部樣式表,呈現(xiàn)頁面的說明存儲在單個文件中,這使得在整個網(wǎng)站或多個元素上編輯樣式非常容易。該文件使用.CSS文件擴展名,并且HTML文檔中包含指向該文件位置的鏈接,以便Web瀏覽器知道在哪里查找樣式說明。
一個或多個文檔可以鏈接到同一個CSS文件,一個網(wǎng)站可能有許多獨特的CSS文件,用于為不同的頁面,表格,圖像等設(shè)置樣式。
如何鏈接到CSS外部樣式表?
每個想要使用特定外部樣式表的網(wǎng)頁都需要鏈接到
部分中的CSS文件,如下所示:在此示例中,唯一需要更改以使其適用于您自己的文檔的是styles.css文本,這是CSS文件的位置。
如果文件實際上被稱為styles.css并且與鏈接到它的文檔位于完全相同的文件夾中,那么它可以保持與上面所讀的完全相同。但是,您的CSS文件可能標(biāo)題為其他內(nèi)容,在這種情況下,您只需將名稱從“styles”更改為您的名稱即可。
如果CSS文件不在此文件夾的根目錄中,而是在子文件夾中,則它可能會讀取以下內(nèi)容:
有關(guān)外部CSS文件的更多信息
外部樣式表的最大好處是它們不依賴于任何特定頁面,如果樣式在內(nèi)部或內(nèi)嵌執(zhí)行,則網(wǎng)站上的其他頁面無法指向這些樣式首選項。
但是,使用外部樣式,相同的CSS文件可以用于網(wǎng)站上的每個頁面,這樣所有頁面都具有統(tǒng)一的外觀,編輯整個網(wǎng)站的CSS內(nèi)容非常容易和集中。
你可以在下面看到它是如何工作的……
內(nèi)部樣式需要使用 ?
但是,由于外部樣式表包含在它們自己的文件中,因此可以像這樣創(chuàng)建它們,這意味著與上面的示例完全相同:
在這些示例中,內(nèi)聯(lián)樣式僅適用于該特定頁面,這顯然是因為它包含在該HTML頁面的標(biāo)題詳細(xì)信息中。在第二個示例中,CSS信息是自包含在CSS文件中的,任何頁面都可以使用上面的“ 如何鏈接到外部樣式表” ?部分中的代碼鏈接到該文件。
總結(jié)
以上是生活随笔為你收集整理的html链接外部css样式表,CSS外部样式表是什么?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html中绑定一个字段,四、在html中
- 下一篇: wamp编写html页面空白,Win10