HTML是構(gòu)建網(wǎng)頁的基礎,但是只有簡單的HTML可能會顯得單調(diào)和乏味,所以我們需要使用CSS來為網(wǎng)頁添加樣式。那么接下來就來介紹一下如何引入CSS文件到HTML中。
<head> <!--在head中加入下面這句代碼--> <link rel="stylesheet" href="style.css"> </head>
上述代碼中,我們使用<link>標簽將CSS樣式表文件引入到HTML的<head>標簽中。其中rel
屬性定義的是與文檔之間的關系,我們這里定義的是stylesheet
,也即是樣式文件。href
屬性則指定了樣式文件的路徑。這里假設我們的樣式文件名為style.css,并且跟HTML文件在同一目錄下。
除了引入外部樣式文件,CSS樣式也可以使用<style>標簽寫入HTML文件內(nèi)。下面是一個例子:
<head> <style> p { color: blue; } </style> </head>
上述代碼在HTML文件的<head>標簽中定義了一個CSS樣式表,并且樣式表內(nèi)容定義了所有<p>標簽都應該是藍色的。
總的來說,引入CSS樣式表到HTML文件中常常使用<link>標簽來實現(xiàn)。當然,CSS樣式也可以在HTML文件內(nèi)直接寫入<style>標簽中,這種方式適合于樣式較少的情況。總而言之,使用CSS樣式表可以為網(wǎng)頁添加更多的樣式,讓網(wǎng)頁看起來更加美觀、舒適。