外部 CSS 是指將樣式表文件從 HTML 文檔中分離出來,以便于頁面結(jié)構(gòu)和樣式的分離管理。
通過 link 標(biāo)簽將 CSS 文件引入 HTML 中,可以加快頁面加載速度,也可以方便地對多個頁面應(yīng)用同一套樣式。
在外部 CSS 文件中,可以定義多個樣式,如 .header、.content、.footer 等,分別對應(yīng)頁面中的各個部分。
/* style.css 文件 */ .header { background-color: #333; color: #fff; height: 50px; } .content { padding: 20px; font-size: 16px; } .footer { background-color: #f2f2f2; height: 30px; text-align: center; }
在 HTML 文件中,只需要給對應(yīng)的元素添加對應(yīng)的類名,即可應(yīng)用相應(yīng)的樣式。
標(biāo)題
正文內(nèi)容
可以看到,將樣式與結(jié)構(gòu)分離之后,頁面的可維護性和可擴展性都會得到提升。