iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

CSS大全閱讀筆記 系列

讀過CSS大全後,寫下的閱讀筆記。

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

第三章:權重與聯級(2)

聯級:a. 當兩個權重相同的規則套至同一個元素上,依聯級決定最後套用的規則。b. 聯級規則- 依重要性排序:當兩個規則套至同一個元素上時,標記!importa...

2019-09-27 ‧ 由 Camellus 分享
DAY 12

第四章:數值與單位(1)

關鍵字、字串與其他文字數值:a. 關鍵字:- 關鍵字是描述某個數值的詞彙,例如none、underline⋯⋯等。- 在能接受關鍵字的屬性中,關鍵字的定義只限...

2019-09-28 ‧ 由 Camellus 分享
DAY 13

第四章:數值與單位(2)

數字與百分比:a. 整數:- 一個以上的數字,前面可加正負號,數值語法裡以<integer>表示。- 超出定義範圍的整數值被視為不合法,會導致整個...

2019-09-29 ‧ 由 Camellus 分享
DAY 14

第四章:數值與單位(3)

(接上篇的距離部分) 距離:c. 解析度單位:- 因為媒體查詢(media query)和響應式設計的出現,為了能夠描述螢幕解析度,孕育而生的單位類型。-...

2019-09-30 ‧ 由 Camellus 分享
DAY 15

第四章:數值與單位(4)

計算值:a. 利用calc()做基礎的數學計算,遵循先乘除後加減和括弧優先計算,不支援指數計算。b. 只要使用<length>(長度)、<f...

2019-10-01 ‧ 由 Camellus 分享
DAY 16

第四章:數值與單位(5)

顏色:a. HTML中使用顏色有十六進位碼與預設定義好的顏色名稱兩種方式,CSS中則更多方式。b. 預設顏色:CSS中友148個關鍵字顏色,用法只要輸入關鍵字...

2019-10-02 ‧ 由 Camellus 分享
DAY 17

第四章:數值與單位(6)

(接上篇顏色部分) 顏色:b. HSL與HSLa色彩:- HSL是指色相(Hue)、飽和度(Saturation)與亮度(Lightness)。- 色相:是...

2019-10-03 ‧ 由 Camellus 分享
DAY 18

第四章:數值與單位(7)

時間與頻率:a. 時間:- 語法表現為<time>,由<number>和單位s(秒)或ms(毫秒)組成,其中1s=1000ms。- 時...

2019-10-04 ‧ 由 Camellus 分享
DAY 19

第五章:字型(1)

使用字型:a. 利用font-family屬性來使用任何可用的字型,會套用到指定元素,再透過繼承機制,套用到指定元素的所有子代與後裔元素,除非有其他宣告覆寫字...

2019-10-05 ‧ 由 Camellus 分享
DAY 20

第五章:字型(2)

使用@font-face {}:a. 為使用使用者端可能沒有的特定字型,利用@font-face {}可以讓使用者代理下載特定字型檔,達到預期的視覺效果。b....

2019-10-06 ‧ 由 Camellus 分享