我們用 HTML 編寫網(wǎng)頁后,需要用 CSS 對某些樣式進(jìn)行優(yōu)化,美化頁面,提高體驗(yàn)度。那么 HTML 中如何引入 CSS 呢?有幾種方法引入呢?這篇文章為你解答。
行內(nèi)引入
直接在標(biāo)簽中加入 CSS 樣式。若使用此方法過于繁瑣,且沒有體現(xiàn) CSS 樣式。故較少用此方法。
<p style="color:red">行內(nèi)引入CSS樣式</p>
嵌入引入
對頁面中涉及到的樣式集中寫在?<head></head>
?之間,所有的 CSS 樣式都是針對本頁面標(biāo)簽的,沒有多余的命令,而且直接 HTML 文檔中讀取樣式,頁面加載速度會(huì)更快。但是此方法缺點(diǎn)也存在,不方便修改,代碼過多,后續(xù)排查時(shí)需要花費(fèi)較多心思,不好維護(hù)。
<style type=”text/css”>
p{ color:red }
</style>
導(dǎo)入文件引用
<!-- 導(dǎo)入外部樣式:在內(nèi)部樣式表的<style></style>標(biāo)記之間導(dǎo)入一個(gè)外部樣式表,導(dǎo)入時(shí)用@import。 -->
<style type="text/css">
@import "jisuan.css";
</style>
鏈接導(dǎo)入
鏈接導(dǎo)入與導(dǎo)入式差不多,都是從外部引入 CSS。當(dāng)客戶端用戶瀏覽網(wǎng)站時(shí),鏈接導(dǎo)入效果會(huì)好一點(diǎn)。目前常用的導(dǎo)入方式也是鏈接導(dǎo)入,這種方式也是最能體現(xiàn) CSS 特點(diǎn)的方式,也方便日后維護(hù)。
<link href="文件地址" rel=”stylesheet” type=”text/css” />
以上就是 HTML 中如何引入 CSS 以及有幾種方法的全部解答。