2025 iThome 鐵人賽

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

最新文章熱門文章

選手 6 文章 82

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

Day 18

2025-08-18

428

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

( Day 18 ) CSS 虛擬類別選擇器 ( 邏輯判斷 )

這個單元會介紹「邏輯判斷」虛擬類別選擇器，這個選擇器主要有 :not()、:is() 和 :has() 三種，透過邏輯判斷的規則，就能從複雜的結構中挑選出符合規...

oxxo

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

Day 28

2025-08-28

418

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

( Day 28 ) CSS @container 容器查詢

CSS 的 @container 容器查詢和 @media 媒體查詢類似，都可以在判斷出指定條件時，針對特定的元素套用特定的樣式，但有別於 @media 是根據...

oxxo

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

Day 17

2025-08-17

399

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

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

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

oxxo

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

Day 19

2025-08-19

399

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

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

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

oxxo

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

Day 24

2025-08-24

395

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

( Day 24 ) CSS 位置名稱與時間單位

除了常見的排版方式，部分的 CSS 樣式屬性也可以透過「位置名稱」進行特定位置的定位或對齊，也會利用「時間單位」設定動畫漸變的時間，這個單元會介紹如何使用 CS...

oxxo

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

Day 29

2025-08-29

394

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

( Day 29 ) CSS @property 自訂屬性值

CSS 的 @property 可以讓使用者「自訂屬性值」的 At 規則，使用方式跟「CSS 變數」非常類似，可以當作是一種「新型態的 CSS 變數」，定義屬性...

oxxo