App下載

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

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

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

行內(nèi)引入

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

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

嵌入引入

對(duì)頁(yè)面中涉及到的樣式集中寫(xiě)在?<head></head>?之間，所有的 CSS 樣式都是針對(duì)本頁(yè)面標(biāo)簽的，沒(méi)有多余的命令，而且直接 HTML 文檔中讀取樣式，頁(yè)面加載速度會(huì)更快。但是此方法缺點(diǎn)也存在，不方便修改，代碼過(guò)多，后續(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 以及有幾種方法的全部解答。

HTML CSS

0 人點(diǎn)贊