HTML&CSS基礎學習筆記1.27-靈活地使用樣式

靈活的使用樣式css

使用樣式的感受很棒吧!學習

剛咱們使用的內聯樣式是給具體的標籤加上樣式,若是有多個標籤的時候,咱們用內聯樣式給標籤加樣式的時候就須要一個個的加過來,這樣就很麻煩。
 code

而若是咱們使用內部樣式表,咱們只須要定義<p>標籤的文字大小,全部<p>標籤就都具備這個樣式了。方法

看個例子吧:im

更加實用的使用方式樣式

使用內部樣式表,咱們可以把頁面上的共通樣式提取出來。能夠省去不少工做量。
可是內部樣式表並非最好的方法,好比說,另外一個頁面也須要這些樣式呢?
 img

相對而言,咱們更願意使用外鏈樣式表,即便用link標籤引入CSS樣式表。咱們已經在代碼中引入index.css文件,如今咱們在index.css文件中添加一些樣式。文件

看個例子吧:更多學習內容,就在碼芽網www.mayacoder.com標籤

相關文章
相關標籤/搜索