1. 程式人生 > >對Style元素使用CSS元素選擇器

對Style元素使用CSS元素選擇器

Use CSS Selectors to Style Elements

樣式的屬性多達幾千個,但別擔心,按照80-20原則,常用的也就幾十個,你完全可以掌握它。

當你鍵入<h2 style="color: red">CatPhotoApp</h2>,你就給h2元素添加了inline style(內聯樣式)

內聯樣式是為元素新增樣式的最簡單有效的方式,但是更易於維護的方式是使用層疊樣式表CSS(Cascading Style Sheets)。

在程式碼的最頂端,建立一個如下的style元素:

<style>
</style>

在這個style元素內, 你可以為所有的h2

元素建立一個元素選擇器。比如,如果你想要將所有的h2元素設定為紅色, 你的程式碼應該看起來像這樣:

<style>
  選擇器 {屬性名稱: 屬性值;}
  h2 {color: red;}
</style>

注意:一定要在屬性值的後面加上分號;

任務:刪除你的h2元素的內聯樣式,然後建立一個style元素。新增必要的CSS,使所有h2元素變為藍色。