- 1）內(nèi)嵌式寫(xiě)法
1,代碼的可維護(hù)性不好，一個(gè)頁(yè)面代碼太多
2，沒(méi)有實(shí)現(xiàn)html和css代碼的分離
3，影響的范圍只有當(dāng)前頁(yè)面
3，代碼少的時(shí)候可以用
<head>
<meta charset="utf-8">
<style type="text/css"></style>
</head>
- 2）外聯(lián)式寫(xiě)法
1，代碼可維護(hù)性高，css和html結(jié)果完全分離
2，影響范圍比較廣，網(wǎng)站根目錄下的任何位置
<link rel="stylesheet" type="text/css" href="1.css">
- 3）行內(nèi)式寫(xiě)法
1，代碼可維護(hù)性極差，一般是后臺(tái)開(kāi)發(fā)者
2，沒(méi)有實(shí)現(xiàn)html和css代碼的分離
3，影響的范圍只有當(dāng)前標(biāo)簽
4，不推薦使用
<p style="color:red; font-size:30px">hello</p>
- 4）import導(dǎo)入方式
1， link 引用的CSS會(huì)在頁(yè)面被加載的時(shí)候同時(shí)加載； 而@import 引用的CSS會(huì)等到頁(yè)面全部被下載完再被加載， 所以有時(shí)候會(huì)出現(xiàn)開(kāi)始沒(méi)有樣式，之后頁(yè)面閃爍一下出現(xiàn)樣式
《import和link的區(qū)別》
<style type="text/css">
@import url(blue.css);
</style>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
