三種不同類型的CSS樣式

1、首先，在電腦中打開編輯器，創(chuàng)建html文檔。

成都創(chuàng)新互聯(lián)是專業(yè)的赤峰林西網(wǎng)站建設(shè)公司，赤峰林西接單;提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行赤峰林西網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

2、然后，創(chuàng)建h1標(biāo)簽，用行內(nèi)樣式控制字體顏色為紅色。

3、接下來，用內(nèi)部樣式選擇器選擇h1標(biāo)簽，控制它的樣式。

4、外部樣式需要，創(chuàng)建外部樣式.css文件。

5、然后，在html文件里面引入css文件。

6、最后，在瀏覽器看是否生效，就可以了。

怎樣區(qū)分：CSS的三種（嵌入、內(nèi)聯(lián)、外聯(lián)）樣式表……

外聯(lián)式樣式（屬于外部樣式表） 特征： 1、有一個(gè)單獨(dú)的CSS文件存在！[如：a.css] 2、首先，通過【格式】→【樣式表連接】與CSS文件[a.css]建立連接！ 3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！ 嵌入式樣式（屬于內(nèi)部樣式表） 特征： 1、樣式的屬性內(nèi)容以代碼的形式[放在 ]寫在網(wǎng)頁的head..../head之間的代碼中！ 2、首先，通過【格式】→【樣式】設(shè)置樣式的屬性內(nèi)容！ 3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！ 內(nèi)聯(lián)式樣式（屬于內(nèi)部樣式表） 特征： 1、樣式的屬性內(nèi)容直接跟在將要修飾的文字標(biāo)記里[如： p style="font-size:10px;font-color:#ff0000"你好!/p 明白了嗎?

CSS樣式分為哪三種？

CSS樣式分為：內(nèi)聯(lián)式css樣式、嵌入式css樣式、外部式css樣式。

對CSS三種樣式定義及其實(shí)例：

內(nèi)聯(lián)式css樣式。

內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中，如下面代碼：

1? ?p?style="color:red"這里文字是紅色。/p? ?

css樣式代碼要寫在style=""雙引號中，如果有多條css樣式代碼設(shè)置可以寫在一起，中間用分號隔開（英文狀態(tài)下;）。

嵌入式css樣式。

嵌入式css樣式，就是可以把css樣式代碼寫在標(biāo)簽之間。如下面代碼實(shí)現(xiàn)把三個(gè)標(biāo)簽中的文字設(shè)置為紅色：

1? ?style?type="text/css"span{color:red;}/style? ?

嵌入式css樣式必須寫在之間，并且一般情況下嵌入式css樣式寫在之間。

外部式css樣式。

外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個(gè)單獨(dú)的外部文件中，這個(gè)css樣式文件以“.css”為擴(kuò)展名（也可以為調(diào)用其他網(wǎng)站CSS）。

1? ?link?href="style.css"?rel="stylesheet"?type="text/css"?/? ?

注意事項(xiàng)：?1、css樣式文件名稱以有意義的英文字母命名，如 main.css。?2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。?3、標(biāo)簽位置一般寫在標(biāo)簽之內(nèi)。

掌握好三種CSS三種樣式使用方法在Web開發(fā)中將節(jié)省很多時(shí)間。