2025 iThome 鐵人賽

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

最新文章熱門文章

選手 6 文章 82

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

Day 28

2025-08-28

456

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

( Day 28 ) CSS @container 容器查詢

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

oxxo

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

Day 18

2025-08-18

447

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

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

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

oxxo

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

Day 30

2025-08-30

437

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

( Day 30 ) CSS @layer 分層優先順序

CSS 的 @layer 是一個可以利用類似「圖層」的方式，去調整「選擇器權重」的 At 規則，這個單元除了會介紹 @layer 的用法，還會用範例呈現 @la...

oxxo

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

Day 19

2025-08-19

432

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

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

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

oxxo

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

Day 24

2025-08-24

426

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

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

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

oxxo

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

2025-09-02

426

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

( Day 33 ) CSS @scope 作用域

開發網頁時，隨著架構複雜度的增加，管理 CSS 樣式也變得更加困難。為了避免樣式互相污染和提升維護性，CSS 加入了 @scope 規則定義，透過「作用域」的概...

oxxo