iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 7
1
Modern Web

HTML 與 CSS 學習筆記系列 第 7

Day07 - CSS (2) - 選擇器、隨機假文

選擇器 (Selector)

似乎也稱為選取器,介紹幾個常用的選擇器

標籤選擇器

  • type selector:又稱型態選取器,就是之前舉例時修改標籤的樣式
h1 {
    color: red;
}

擬態選擇器

  • Pseudo-classes:常用在 <a> 連結,在做一些動作時會更改樣式
    • :hover:代表滑鼠滑過去時會變更樣式,以下例來說會變紅色
    • :active:代表滑鼠按下時會變更樣式,以下例來說會變綠色
a {
    color:blue;
}
a:hover{
    color: red;
}
a:active{
    color: green;
}

其他選擇器

後續會再介紹,先做個紀錄

  • class selector:類別選擇器,參考 Day08
  • id selector:ID 選擇器,參考 Day08
  • descendant selector:後代選擇器,參考 Day11

隨機假文

參考資料

次回

繼續進行 CSS 的介紹


上一篇
Day06 - CSS (1) - Element、位置
下一篇
Day08 - CSS (3) - 選擇器、文字排版
系列文
HTML 與 CSS 學習筆記31

尚未有邦友留言

立即登入留言