iT邦幫忙

鐵人檔案

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

CSS大全閱讀筆記 系列

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

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

第一章:CSS與文件(1)

CSS全名(Cascading Style Sheet,階層樣式表),於1994提出,主要是提供一個可以依據特定優先順序組合,且簡單的宣告式造型語言。 CSS...

2019-09-17 ‧ 由 Camellus 分享
DAY 2

第一章:CSS與文件(2)

樣式表介紹:a. 樣式表內不能有任何的HTML標記,但可以使用HTML註解(<!--......-->)。b. 結構:選擇器{屬性1: 數值A;...

2019-09-18 ‧ 由 Camellus 分享
DAY 3

第二章:選擇器(1)

基本樣式規則:a. h2 {color: red;}b. HTML文件裡的HTML元素就是最基本的選擇器(元素選擇器),寫在左側,右側為宣告區塊,以大括弧包住...

2019-09-19 ‧ 由 Camellus 分享
DAY 4

第二章:選擇器(2)

屬性選擇器:a. 簡單屬性選擇器:- 選擇擁有特定屬性的元素,不論屬性的數值。- 寫法:(令第一個<a>顯示粗體)(HTML)<a href...

2019-09-20 ‧ 由 Camellus 分享
DAY 5

第二章:選擇器(3)

利用文件結構的選擇器:a. 親子關係:- CSS主要建立在文件的親子關係上。- HTML文件是以元素的架構為基礎,可視為文件的樹狀圖(依照排縮分層,<h...

2019-09-21 ‧ 由 Camellus 分享
DAY 6

第二章:選擇器(4)

虛擬類別選擇器:a. 虛擬類別簡介:- 本質上都與結構有關,且大多數都與標記的結構相關。- 所有的虛擬類別都是在名稱前加一個半形冒號(:),沒有例外,且可以出...

2019-09-22 ‧ 由 Camellus 分享
DAY 7

第二章:選擇器(5)

(接上篇的結合類虛擬類別部分) 虛擬類別選擇器:c. 結合類虛擬類別:- 選擇每間隔N個元素:nth-child(an±b)可以從從頭選擇每間隔N個元素套用...

2019-09-23 ‧ 由 Camellus 分享
DAY 8

第二章:選擇器(6)

(接上篇的虛擬類別選擇器部分) 虛擬類別選擇器:e. 介面狀態虛擬類別:- 能讓radio、checkbox等使用者介面元素依據目前的狀態改變樣式。- 啟用...

2019-09-24 ‧ 由 Camellus 分享
DAY 9

第二章:選擇器(7)

(接上篇的虛擬類別選擇器部分) 虛擬類別選擇器:f. target虛擬類別:當URL後含段落辨識碼(fragment indentifier,在URL後出現...

2019-09-25 ‧ 由 Camellus 分享
DAY 10

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

當有兩組以上的規則,使用了不同的選擇器選擇到相同的元素,會依照權重解決,當權重相同時,則會依照聯級的規定解決衝突。 權重:a. 選擇器的權重是由選擇器本身的組...

2019-09-26 ‧ 由 Camellus 分享