iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
Modern Web

30天淺嘗主流前端設計系列 第 10

DAY10 進入CSS!! CSS的基本介紹2~

  • 分享至 

  • xImage
  •  

DAY10 進入CSS!! CSS的基本介紹2~

接續上一篇我們講到css語法的樣式規則,接著我們來說說語法上需要特別注意的事項!

  • 宣告同個標籤的多個屬性時,能夠放在同一個大括號中,每個屬性以;作區別。
    如上一篇的圖示。

  • 相對地,多個相同的屬性以及相同的值套用在不同標籤時,也能在大括號前打上所有標籤,
    每個標籤用,來區別,並用一個大括號完成。
    https://ithelp.ithome.com.tw/upload/images/20220922/20151970iRpqSgUjOt.png

  • CSS與HTML不同的是會區分英文大小寫,所以為了避免混淆,盡量在撰寫HTML時以一致的規則命名屬性。

  • 如果屬性的值包含英文字母,數字,-,小數點(.)以外的字元時,如空白,則屬性值須加上引號(單雙皆可)。
    https://ithelp.ithome.com.tw/upload/images/20220922/20151970RcvFkBYIsl.png
    如上圖所示,因為字體(屬性的值)名稱包含空白符號,所以需要幫他加上' '~~~~~~
    今天的課程到這邊結束,下一篇仍然會繼續介紹CSS的語法內容~~~~


上一篇
DAY9 進入CSS!! CSS的基本介紹~
下一篇
DAY11 進入CSS!! CSS的基本介紹3~
系列文
30天淺嘗主流前端設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言