CSS樣式可以寫(xiě)在哪些地方呢?從CSS 樣式代碼插入的形式來(lái)看基本可以分為以下3種:內(nèi)聯(lián)式、嵌入式和外部式三種。這一小節(jié)先來(lái)講解內(nèi)聯(lián)式。
內(nèi)聯(lián)式
css樣式表就是把css代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中,如下面代碼:
<p style="color:red">這里文字是紅色。</p>
注意要寫(xiě)在元素的開(kāi)始標(biāo)簽里,下面這種寫(xiě)法是錯(cuò)誤的:
<p>這里文字是紅色。</p style="color:red">
并且css樣式代碼要寫(xiě)在style=""雙引號(hào)中,如果有多條css樣式代碼設(shè)置可以寫(xiě)在一起,中間用分號(hào)隔開(kāi)。如下代碼:
<p style="color:red;
font-size:12px">這里文字是紅色。</p>
我來(lái)試試:使用內(nèi)聯(lián)式css樣式為"超酷的互聯(lián)網(wǎng)"這幾個(gè)字設(shè)置字體顏色為藍(lán)色
在右邊編輯器中10
行中的第一個(gè)span標(biāo)簽中寫(xiě)入代碼:
style="color:blue"
你寫(xiě)是否寫(xiě)入的代碼像下面的樣子:
<span style="color:blue">超酷的互聯(lián)網(wǎng)</span>
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)