css不推薦使用行內(nèi)樣式,即直接將樣式屬性寫在HTML標(biāo)簽的style屬性中。行內(nèi)樣式的缺點(diǎn):1、結(jié)構(gòu)樣式?jīng)]有分離,不利于后期維護(hù);2、樣式不能重復(fù)使用。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css不推薦使用行內(nèi)樣式。
css 行內(nèi)樣式
行內(nèi)樣式就是直接把CSS代碼添加到HTML的標(biāo)記的style屬性中,即作為HTML標(biāo)記的屬性標(biāo)記存在。通過(guò)這種方法,可以很簡(jiǎn)單地對(duì)某個(gè)元素單獨(dú)定義樣式。
示例:
新建html文件,輸入下面下面代碼,創(chuàng)建了三個(gè)段落p,定義了一個(gè)屬性style,用于定義段落的顯示樣式,例如字體顏色和字體大小。
在瀏覽器運(yùn)行,結(jié)果如下圖所示:
從實(shí)例中看到行內(nèi)樣式是通過(guò)使用屬性style進(jìn)行定義的,可以任意在一個(gè)p標(biāo)簽中。同時(shí),可以發(fā)現(xiàn)如果在一個(gè)大的應(yīng)用中所有標(biāo)簽都使用行內(nèi)樣式,后期的維護(hù)投入也是很大的,從這方面上來(lái)說(shuō),應(yīng)盡量避免使用行內(nèi)樣式。
行內(nèi)樣式的缺點(diǎn):
1、結(jié)構(gòu)樣式?jīng)]有分離 不利于后期維護(hù)
2、樣式不能重復(fù)使用(推薦不使用)
(學(xué)習(xí)視頻分享:css視頻教程)