CSS行內樣式

2018-09-24 16:21 更新

掌握了選擇器的基本知識之后,就可以使用CSS對頁面進行控制了。在頁面中使用CSS樣式有以下幾種方法:行內樣式、內嵌式、鏈接式和導入式。


行內樣式

行內樣式就是直接把CSS代碼添加到HTML的標記中,即作為HTML標記的屬性標記存在。通過這種方法,可以很簡單地對某個元素單獨定義樣式。


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

CSS行內樣式


(2)按【F12】鍵運行,結果如下圖所示:

行內樣式實例

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

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號