CSS全名(Cascading Style Sheet,階層樣式表),於1994提出,主要是提供一個可以依據特定優先順序組合,且簡單的宣告式造型語言。 CSS...
樣式表介紹:a. 樣式表內不能有任何的HTML標記,但可以使用HTML註解(<!--......-->)。b. 結構:選擇器{屬性1: 數值A;...
基本樣式規則:a. h2 {color: red;}b. HTML文件裡的HTML元素就是最基本的選擇器(元素選擇器),寫在左側,右側為宣告區塊,以大括弧包住...
屬性選擇器:a. 簡單屬性選擇器:- 選擇擁有特定屬性的元素,不論屬性的數值。- 寫法:(令第一個<a>顯示粗體)(HTML)<a href...
利用文件結構的選擇器:a. 親子關係:- CSS主要建立在文件的親子關係上。- HTML文件是以元素的架構為基礎,可視為文件的樹狀圖(依照排縮分層,<h...
虛擬類別選擇器:a. 虛擬類別簡介:- 本質上都與結構有關,且大多數都與標記的結構相關。- 所有的虛擬類別都是在名稱前加一個半形冒號(:),沒有例外,且可以出...
(接上篇的結合類虛擬類別部分) 虛擬類別選擇器:c. 結合類虛擬類別:- 選擇每間隔N個元素:nth-child(an±b)可以從從頭選擇每間隔N個元素套用...
(接上篇的虛擬類別選擇器部分) 虛擬類別選擇器:e. 介面狀態虛擬類別:- 能讓radio、checkbox等使用者介面元素依據目前的狀態改變樣式。- 啟用...
(接上篇的虛擬類別選擇器部分) 虛擬類別選擇器:f. target虛擬類別:當URL後含段落辨識碼(fragment indentifier,在URL後出現...
當有兩組以上的規則,使用了不同的選擇器選擇到相同的元素,會依照權重解決,當權重相同時,則會依照聯級的規定解決衝突。 權重:a. 選擇器的權重是由選擇器本身的組...