App下載

HTML中如何引入CSS?有幾種方法?

猿友 2021-03-12 16:22:32 瀏覽數(shù) (6052)
反饋

我們用 HTML 編寫網(wǎng)頁后,需要用 CSS 對某些樣式進(jìn)行優(yōu)化,美化頁面,提高體驗度。那么 HTML 中如何引入 CSS 呢?有幾種方法引入呢?這篇文章為你解答。

行內(nèi)引入

直接在標(biāo)簽中加入 CSS 樣式。若使用此方法過于繁瑣,且沒有體現(xiàn) CSS 樣式。故較少用此方法。

<p style="color:red">行內(nèi)引入CSS樣式</p>

嵌入引入

對頁面中涉及到的樣式集中寫在?<head></head>?之間,所有的 CSS 樣式都是針對本頁面標(biāo)簽的,沒有多余的命令,而且直接 HTML 文檔中讀取樣式,頁面加載速度會更快。但是此方法缺點也存在,不方便修改,代碼過多,后續(xù)排查時需要花費較多心思,不好維護。

<style type=”text/css”>

p{ color:red }

</style>

導(dǎo)入文件引用

<!-- 導(dǎo)入外部樣式:在內(nèi)部樣式表的<style></style>標(biāo)記之間導(dǎo)入一個外部樣式表,導(dǎo)入時用@import。 -->  
<style type="text/css">  
 @import "jisuan.css";  
</style>

鏈接導(dǎo)入

鏈接導(dǎo)入與導(dǎo)入式差不多,都是從外部引入 CSS。當(dāng)客戶端用戶瀏覽網(wǎng)站時,鏈接導(dǎo)入效果會好一點。目前常用的導(dǎo)入方式也是鏈接導(dǎo)入,這種方式也是最能體現(xiàn) CSS 特點的方式,也方便日后維護。

<link href="文件地址" rel=”stylesheet” type=”text/css” />

以上就是 HTML 中如何引入 CSS 以及有幾種方法的全部解答。

0 人點贊