html中使用css的方法有4種：1、在HTML標(biāo)簽中使用style屬性來設(shè)置css樣式；2、在head標(biāo)簽中使用style標(biāo)簽來設(shè)置css樣式；3、使用link標(biāo)簽導(dǎo)入一個(gè)外部css文件；4、使用“@import”規(guī)則導(dǎo)入外部css文件。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html中使用css的方法有4種：

• 內(nèi)聯(lián)方式（行內(nèi)樣式）

• 內(nèi)部方式（內(nèi)嵌樣式）

• 使用link標(biāo)簽（鏈接式）

• 使用@import（導(dǎo)入式）

1、內(nèi)聯(lián)方式（行內(nèi)樣式）

在HTML的標(biāo)簽中使用style屬性來設(shè)置css樣式

格式：

<html標(biāo)簽 style="屬性:值;屬性:值;....">被修飾的內(nèi)容</html標(biāo)簽>

例：

<p style="color:orange;font-size:18px">在HTML中如何使用css樣式</p>

特點(diǎn)：僅作用于本標(biāo)簽。

2、內(nèi)部方式（內(nèi)嵌樣式）

就是在head標(biāo)簽中使用style標(biāo)簽來設(shè)置css樣式

格式：

<style type="text/css"> ....css樣式代碼 </style>

特點(diǎn)：作用于當(dāng)前整個(gè)頁面

3、使用link標(biāo)簽（鏈接式）

將css代碼寫在一個(gè)單獨(dú)的文件中，用link標(biāo)簽直接引入該文件到頁面中。一個(gè)頁面可以多次使用LINK標(biāo)簽引入多個(gè)外部css文件，注意這些CSS代碼的相互影響，通常是后引入的CSS文件會(huì)覆蓋前面引入的CSS文件的相同效果。這種引入CSS的方式是目前最為流行的，可以在站個(gè)網(wǎng)站范圍內(nèi)進(jìn)行CSS代碼的規(guī)劃，方便復(fù)用和維護(hù)，但這樣將代碼高度集中，代碼量可能過大，維護(hù)不當(dāng)?shù)脑捰秩菀壮霈F(xiàn)混亂。

<link rel="stylesheet" type="text/css" href="style.css">

4、、使用@import（導(dǎo)入式）

使用@import引入CSS文件有兩種方式，一種可以放在頁面中的<style>…</style> 中，用法如下：

@import url(index2.css);

另外也可以放在CSS文件中使用，用法如下：

@import "sub.css";

使用@import引入CSS可以很方便的引入外部文件的CSS代碼，方便維護(hù)和規(guī)劃。但是每多引入一個(gè)CSS文件，就會(huì)對(duì)服務(wù)器增加一次連接請(qǐng)求，當(dāng)訪問量較大時(shí)，需在維護(hù)性和性能上進(jìn)行權(quán)衡。

推薦教程：《html視頻教程》