CSS樣式表的引入實(shí)例分析

這篇文章主要講解了“CSS樣式表的引入實(shí)例分析”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS樣式表的引入實(shí)例分析”吧！

1、行內(nèi)式

通過(guò)在HTML頁(yè)面中由style屬性實(shí)現(xiàn)，例如：

//寫(xiě)在body標(biāo)簽中
<h2 style="color:red;">行內(nèi)式</h2>

2、嵌入式

由style標(biāo)簽完成，在body中引入，例如：

//寫(xiě)在body標(biāo)簽中
<style>
	<h2 style="color:red;">行內(nèi)式</h2> 
</style>

3、鏈接式

一般都使用這種方式，在相關(guān)的文件中新建一個(gè)css文件：style.css，內(nèi)容為所有定義的css樣式。

<!--寫(xiě)在head標(biāo)簽中引入css文件，href屬性中的為絕對(duì)路徑，當(dāng)前在同一級(jí)目錄下-->
<link href="test.css" type="text/css" rel="stylesheet" />

4、導(dǎo)入式

這一般后端程序員調(diào)用我們前端人員的樣式時(shí)才會(huì)引用的方法，我們前端不建議這樣使用，這樣頁(yè)面會(huì)先加載HTML，然后去加載CSS，這樣會(huì)造成頁(yè)面樣式延遲，都先會(huì)看到頁(yè)面內(nèi)容，然后才看到樣式，體驗(yàn)非常不好。例如：

<style>
 @import url(demo.css)
</style>

注意：加載優(yōu)先級(jí)，行內(nèi)式>嵌入式>鏈接式>導(dǎo)入式

感謝各位的閱讀，以上就是“CSS樣式表的引入實(shí)例分析”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS樣式表的引入實(shí)例分析這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！