? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?開篇第七章
1、內(nèi)聯(lián)式css樣式，直接寫在現(xiàn)有的HTML標(biāo)簽中.
CSS樣式可以寫在哪些地方呢？從CSS 樣式代碼插入的形式來看基本可以分為以下3種：內(nèi)聯(lián)式、嵌入式和外部式三種。這一小節(jié)先來講解內(nèi)聯(lián)式。
內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中，如下面代碼：
<p ? style="color:red">這里文字是紅色.</p>. ? ? ?注意要寫在元素的開始標(biāo)簽里.并且css樣式代碼要寫在style=""雙引號(hào)中，如果有多條css樣式代碼設(shè)置可以寫在一起，中間用分號(hào)隔開。
2、嵌入式css樣式，寫在當(dāng)前的文件中。
現(xiàn)在有一任務(wù)，把右側(cè)編輯器中的“超酷的互聯(lián)網(wǎng)”、“服務(wù)及時(shí)貼心”、“有趣易學(xué)”這三個(gè)短詞文字字號(hào)修改為18px。如果用上節(jié)課我們學(xué)習(xí)的內(nèi)聯(lián)式css樣式的方法進(jìn)行設(shè)置將是一件很頭疼的事情（為每一個(gè)標(biāo)簽加入sytle="font-size:18px"語句），本小節(jié)講解一種新的方法嵌入式css樣式來實(shí)現(xiàn)這個(gè)任務(wù)。
3、外部式css樣式，寫在單獨(dú)的一個(gè)文件中.
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個(gè)單獨(dú)的外部文件中，這個(gè)css樣式文件以“.css”為擴(kuò)展名，在<head>內(nèi)（不是在<style>內(nèi)，使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)。標(biāo)簽內(nèi)）使用標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)，如下面代碼：
如：<link ?href="base.css" ? rel="stylesheet" ? type="text/css" ?/>
注意：
1、css樣式文件名稱以有意義的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定寫法不可修改。
3、<link>標(biāo)簽位置一般寫在<head>標(biāo)簽之內(nèi)。
4、三種方法的優(yōu)先級(jí).
有的小伙伴問了，如果有一種情況：對(duì)于同一個(gè)元素我們同時(shí)用了三種方法設(shè)置css樣式，那么哪種方法真正有效呢？在右邊編輯器就出現(xiàn)了這種情況
1、使用內(nèi)聯(lián)式CSS設(shè)置“超酷的互聯(lián)網(wǎng)”文字為粉色。
2、然后使用嵌入式CSS來設(shè)置文字為紅色。
3、最后又使用外部式設(shè)置文字為藍(lán)色（style.css文件中設(shè)置）。
但最終你可以觀察到“超酷的互聯(lián)網(wǎng)”這個(gè)短詞的文本被設(shè)置為了粉色。因?yàn)檫@三種樣式是有優(yōu)先級(jí)的，記住他們的優(yōu)先級(jí)：內(nèi)聯(lián)式?>?嵌入式 > 外部式
但是嵌入式>外部式有一個(gè)前提：嵌入式css樣式的位置一定在外部式的后面。
其實(shí)總結(jié)來說，就是--就近原則（離被設(shè)置元素越近優(yōu)先級(jí)別越高）。
但注意上面所總結(jié)的優(yōu)先級(jí)是有一個(gè)前提：內(nèi)聯(lián)式、嵌入式、外部式樣式表中css樣式是在的相同權(quán)值的情況下.
