2025 iThome 鐵人賽

佛心分享-跟著我的影片學 IT

最新文章熱門文章

選手 6 文章 82

佛心分享-跟著我的影片學 IT

Day 20

2025-08-20

530

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 20 ) CSS 虛擬元素選擇器

所謂的「虛擬元素」也稱為「偽元素」，表示不存在於真實的 HTML 元素，可能是「想像的元素」或根據現有元素進行「想像分類」，而「虛擬元素選擇器」就是專門針對這些...

oxxo

佛心分享-跟著我的影片學 IT

Day 17

2025-08-17

520

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 17 ) CSS 虛擬類別選擇器 ( 超連結 )

「超連結」虛擬類別選擇器主要是針對「a 元素」的進階選擇器，這種選擇器主要有 :link、:visited、:any-link、:target 四種，可以清楚設...

oxxo

佛心分享-跟著我的影片學 IT

Day 26

2025-08-26

520

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 26 ) CSS 變數

W3C 在 2012 年已經制定了 CSS 的變數規範，目前幾乎所有瀏覽器都支援 CSS 變數語法，透過變數的應用，CSS 程式碼將會變得更容易閱讀、管理和維...

oxxo

佛心分享-跟著我的影片學 IT

Day 19

2025-08-19

515

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 19 ) CSS 虛擬類別選擇器 ( 其他、語系 )

這個單元會介紹一些比較少用的虛擬類別選擇器，例如 :dir()、:lang()、:modal、:scope 等，這些選擇器通常是針對瀏覽器語系、文字對齊方向或一...

oxxo

佛心分享-跟著我的影片學 IT

Day 22

2025-08-22

510

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 22 ) CSS 全域關鍵字與文字數值

CSS 的樣式屬性除了長度、顏色或角度單位，有些時候也會使用一些「全域關鍵字」或「文字」作為屬性值，這個單元會介紹 CSS 提供的全域關鍵字 inherit、i...

oxxo

佛心分享-跟著我的影片學 IT

Day 27

2025-08-27

509

A CSS Video a Day, Keeps Web Confusion Away!! 系列

( Day 27 ) CSS @media 媒體查詢

如果要在不同解析度的螢幕上瀏覽同一個網頁，常常會透過 CSS 的方式製作 RWD 響應式網頁，而 CSS 的 @media 媒體查詢可以定義判斷不同媒體的條件，...

oxxo