iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0

HTML 的 class 屬性其實有點抽象,簡單來說是用來將某些標籤歸為同一類別,因此有可能很多元素會隸屬於同一 class。
為什麼要有 Class: CSS 或是 JavaScript 在為 HTML 做樣式變化時,就可以把同一類別的元素挑起來,一起改變。

常會寫成

<div class= "car">
    <h2>toyota<h2>
</div>

<div class= "car">
    <h2>honda<h2>
</div>

但要特別注意的是

  • class 不然用數字來命名。
  • 大小寫極為敏感,建議統一用法,不然不同的大小寫,會有不同的效果,英文稱為 case sensitive

不同的元素可以共用同一個 Class
例如:

<h2 class="city">Japan</h2>
<p class="city">Japan has lots of shushi</p>

因此 P 和 h2 標籤可以 Share 同樣的 Style~


上一篇
Day 03 alt 屬性
下一篇
Day 05 style 屬性
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言