iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

學習 HTML / CSS 遇到的問題 系列

記錄一些自己在初學 HTML / CSS 時遇過的問題,或是看過其他初學者遇過的問題

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

關於 HEX 色碼

因初學到目前最常使用 HEX 色碼來設定顏色,但直到前陣子認識進位制才了解 HEX 色碼的組成,覺得很有趣,因此來簡短紀錄一下 HEX 值以 R、G、B 三組碼...

2020-10-06 ‧ 由 hsin yu 分享
DAY 22

關於 float 與清除浮動

雖然目前 float 可能只會在碰到文繞圖的情況才會使用,或是幾乎不使用,還是來記錄初學 float 的過程 因為自己是先學 float,在學 flex 前都是...

2020-10-07 ‧ 由 hsin yu 分享
DAY 23

關於 float 與清除浮動(二)

使用 float 時可以在有使用到 float 的元素後方加上有設定 clear: both 清除浮動的 div 就可以將 float 浮動清除範例例如範例中在...

2020-10-08 ‧ 由 hsin yu 分享
DAY 24

關於 font-family

雖然常常設定文字的樣式像是 font-family,但是對於字體的一些細節沒有非常認識,這篇紀錄常見的字體專有名詞 襯線字體 ( Serif ) 襯線字體的特色...

2020-10-09 ‧ 由 hsin yu 分享
DAY 25

關於 font 屬性

font 是由以下屬性組成的速記屬性: font-family font-size font-stretch font-style font-variant...

2020-10-10 ‧ 由 hsin yu 分享
DAY 26

關於 background 屬性

background 也是速記屬性,可由以下屬性值組成: background-attachment background-clip background-c...

2020-10-11 ‧ 由 hsin yu 分享
DAY 27

關於 position 屬性

position 屬性可以設定元素在網頁中的位置,屬性值有以下: static ( 預設值 ) relative absolute fixed sticky...

2020-10-12 ‧ 由 hsin yu 分享
DAY 28

關於偽元素 ( Pseudo-elements )

偽元素有以下: ::after (:after) ::backdrop ::before (:before) ::cue ::cue-re...

2020-10-13 ‧ 由 hsin yu 分享
DAY 29

關於偽類 ( pseudo-class )

偽類選取器 ( pseudo-class ) 或是也被稱為擬態選擇器,可以用來設定 HTML 元素在特定狀態的樣式,最常使用的就是:hover,可以設定滑鼠游標...

2020-10-14 ‧ 由 hsin yu 分享
DAY 30

關於使用 ID 及選擇 CSS 選取器

學習 CSS 時知道盡量不使用 ID 來指定樣式,因一個 ID 只能放在一個元素上,無法像 class 一樣可以重複使用,也因 ID 權重較高,若要修改較難覆蓋...

2020-10-15 ‧ 由 hsin yu 分享