CSS 外部樣式怎么調(diào)用?
在使用 CSS 樣式時,我們通常會選擇使用外部樣式表來定義網(wǎng)站的樣式。外部樣式表的優(yōu)勢在于可以統(tǒng)一網(wǎng)站的樣式并且便于修改,那么我們應(yīng)該如何將外部樣式表應(yīng)用到網(wǎng)站中呢?
首先,在我們的 HTML 頁面的<head>
標(biāo)簽中添加以下代碼:
<link rel="stylesheet" type="text/css" href="example.css">
其中,href
屬性指向我們的樣式文件,這里是 example.css。
那么在 example.css 文件中我們該如何編寫樣式呢?
/* 根據(jù)類名設(shè)置樣式 */ .example { color: red; } /* 根據(jù)標(biāo)簽名設(shè)置樣式 */ p { font-size: 16px; } /* 根據(jù) ID 設(shè)置樣式 */ #header { background-color: #ccc; }
其中,我們可以使用類名、標(biāo)簽名或者 ID 來選擇元素并設(shè)置樣式。
通過以上方法,我們就可以輕松地將外部樣式表引入到網(wǎng)站中并且使用各種選擇器來定義元素的樣式了。
上一篇php new db
下一篇css多個li并排展示