CSS行內(nèi)樣式

2018-09-24 16:21 更新

掌握了選擇器的基本知識(shí)之后,就可以使用CSS對(duì)頁面進(jìn)行控制了。在頁面中使用CSS樣式有以下幾種方法:行內(nèi)樣式、內(nèi)嵌式、鏈接式和導(dǎo)入式。


行內(nèi)樣式

行內(nèi)樣式就是直接把CSS代碼添加到HTML的標(biāo)記中,即作為HTML標(biāo)記的屬性標(biāo)記存在。通過這種方法,可以很簡(jiǎn)單地對(duì)某個(gè)元素單獨(dú)定義樣式。


新建文件02-06.html,輸入下面下面代碼,創(chuàng)建了三個(gè)段落p,定義了一個(gè)屬性style,用于定義段落的顯示樣式,例如字體顏色和字體大小。

CSS行內(nèi)樣式


(2)按【F12】鍵運(yùn)行,結(jié)果如下圖所示:

行內(nèi)樣式實(shí)例

從實(shí)例中看到行內(nèi)樣式是通過使用屬性style進(jìn)行定義的,可以任意在一個(gè)p標(biāo)簽中。同時(shí),可以發(fā)現(xiàn)如果在一個(gè)大的應(yīng)用中所有標(biāo)簽都使用行內(nèi)樣式,后期的維護(hù)投入也是很大的,從這方面上來說,應(yīng)盡量避免使用行內(nèi)樣式。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)