通過外聯式 CSS 引入樣式表是網頁設計中常用的技術之一。它可以將樣式表放在一個單獨的文件中,然后在 HTML 文件中引用該文件,從而讓整個網站共享同一個樣式表。在本文中,我們將討論如何編寫外聯式 CSS 引入樣式表。
首先,我們需要創建一個新的 CSS 文件。在文本編輯器中,新建一個文件,并將文件擴展名改為 ".css"。然后,我們就可以開始編寫 CSS 樣式了。在這個 CSS 文件中,我們可以定義各種樣式,例如字體、顏色、背景等等。
接下來,我們需要將這個 CSS 文件引入到我們的 HTML 文件中。為了實現這個目標,我們需要在 HTML 文件的頭部(head)中使用 link 元素來引入該文件。具體代碼如下所示:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
在 link 元素中,我們定義了三個屬性:rel、type 和 href。其中,rel 屬性定義了鏈接的類型,type 屬性定義了文件的類型,而 href 屬性則指向 CSS 文件的路徑。值得注意的是,文件路徑應該相對于 HTML 文件的路徑來定義。
當我們完成以上步驟后,就可以在 HTML 文件中使用樣式了。在 HTML 元素的 class 或 id 屬性中,我們可以應用在樣式表中定義的樣式。例如:<div id="box" class="container">
<p class="text">這是一段示例文本</p>
</div>
在這個示例中,我們在 div 元素、p 元素和 class 屬性中應用了樣式表中的定義。現在我們可以在樣式表中增加樣式來定義這些元素的外觀。
總之,通過外聯式 CSS 引入樣式表是一種非常有效的方法,可以幫助網頁設計者在全站范圍內實現相同的樣式,開發高質量的網站。我們只需要在 HTML 文件中添加一個 link 元素,指向 CSS 文件就可以輕松實現這一點。上一篇外聯式css不起作用
下一篇外嵌式css