CSS中有三種方式來設(shè)置樣式:內(nèi)聯(lián)、內(nèi)部和外部樣式表。其中,內(nèi)聯(lián)樣式是一種最基礎(chǔ)的樣式設(shè)置方式,通過該方式可以在HTML標簽內(nèi)部直接設(shè)置樣式屬性,這樣的樣式被稱為“內(nèi)聯(lián)樣式”(inline style)。
例如:在HTML中設(shè)置一個p標簽的顏色為紅色,可以使用如下代碼:這是一段紅色字體的測試內(nèi)容
內(nèi)聯(lián)樣式的優(yōu)點是方便,能夠快速地為網(wǎng)頁元素設(shè)置樣式,而且不需要寫一大段的css代碼,特別是對于少量且簡單的樣式定義是十分有效的。然而,內(nèi)聯(lián)樣式也有許多缺點,主要體現(xiàn)在以下兩個方面。
1. 可維護性差
由于內(nèi)聯(lián)樣式是直接寫在HTML標簽里的,所以當網(wǎng)頁需要修改樣式時,需要修改每個標簽內(nèi)的樣式屬性值,這會十分耗時且容易出錯。特別是,當一個網(wǎng)站中有大量內(nèi)聯(lián)樣式時,修改樣式將會變得非常困難。
2. 優(yōu)先級較低
CSS中,樣式設(shè)置有優(yōu)先級的概念,inline樣式設(shè)置的樣式優(yōu)先級較低,當同時存在內(nèi)聯(lián)樣式和外部樣式表時,外部樣式表的樣式會覆蓋內(nèi)聯(lián)樣式的樣式。
綜上所述,內(nèi)聯(lián)樣式雖然在某些情況下可以方便地設(shè)置樣式,但其缺點顯然遠遠大于優(yōu)點,所以我們在實際開發(fā)中更常使用外部樣式表和內(nèi)部樣式表。
上一篇css 中的remove
下一篇css 中文 文檔