在網(wǎng)頁(yè)設(shè)計(jì)中,為了使網(wǎng)頁(yè)的樣式更加美觀和整潔,我們常常需要使用外部的CSS樣式表。那么如何鏈入外部的CSS樣式呢?下面我們來(lái)一起看看。
首先,我們需要在網(wǎng)頁(yè)的標(biāo)簽中添加一個(gè)標(biāo)簽,用來(lái)鏈接外部的CSS文件。具體代碼如下:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>在上面的代碼中,我們使用了標(biāo)簽,其中的rel屬性表示鏈接的文件類型是stylesheet(樣式表),type屬性表示文件的MIME類型,href屬性則表示鏈接的外部CSS文件的路徑。 另外,我們可以將這個(gè)標(biāo)簽放在標(biāo)簽的任何位置,只要不影響網(wǎng)頁(yè)的正常顯示即可。 接下來(lái),我們需要在外部的CSS文件中編寫(xiě)樣式,例如:
p { color: #333; font-size: 16px; font-family: Arial, sans-serif; }在上面的代碼中,我們使用了p選擇器來(lái)選中網(wǎng)頁(yè)中的所有
標(biāo)簽,并為其添加了顏色、字體大小和字體樣式等樣式屬性。 最后,我們將鏈接的外部CSS文件保存在與HTML文件同級(jí)的文件夾中即可。 綜上所述,我們可以通過(guò)在
標(biāo)簽中添加標(biāo)簽來(lái)鏈接外部CSS樣式表,并在CSS文件中編寫(xiě)相應(yīng)的樣式屬性來(lái)改變網(wǎng)頁(yè)的樣式。