因初學到目前最常使用 HEX 色碼來設定顏色,但直到前陣子認識進位制才了解 HEX 色碼的組成,覺得很有趣,因此來簡短紀錄一下 HEX 值以 R、G、B 三組碼...
雖然目前 float 可能只會在碰到文繞圖的情況才會使用,或是幾乎不使用,還是來記錄初學 float 的過程 因為自己是先學 float,在學 flex 前都是...
使用 float 時可以在有使用到 float 的元素後方加上有設定 clear: both 清除浮動的 div 就可以將 float 浮動清除範例例如範例中在...
雖然常常設定文字的樣式像是 font-family,但是對於字體的一些細節沒有非常認識,這篇紀錄常見的字體專有名詞 襯線字體 ( Serif ) 襯線字體的特色...
font 是由以下屬性組成的速記屬性: font-family font-size font-stretch font-style font-variant...
background 也是速記屬性,可由以下屬性值組成: background-attachment background-clip background-c...
position 屬性可以設定元素在網頁中的位置,屬性值有以下: static ( 預設值 ) relative absolute fixed sticky...
偽元素有以下: ::after (:after) ::backdrop ::before (:before) ::cue ::cue-re...
偽類選取器 ( pseudo-class ) 或是也被稱為擬態選擇器,可以用來設定 HTML 元素在特定狀態的樣式,最常使用的就是:hover,可以設定滑鼠游標...
學習 CSS 時知道盡量不使用 ID 來指定樣式,因一個 ID 只能放在一個元素上,無法像 class 一樣可以重複使用,也因 ID 權重較高,若要修改較難覆蓋...