2025 iThome 鐵人賽

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

最新文章熱門文章

選手 6 文章 82

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

Day 20

2025-08-20

384

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

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

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

oxxo

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

Day 26

2025-08-26

382

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

( Day 26 ) CSS 變數

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

oxxo

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

Day 22

2025-08-22

381

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

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

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

oxxo

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

Day 30

2025-08-30

381

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

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

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

oxxo

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

2025-09-02

374

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

( Day 33 ) CSS @scope 作用域

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

oxxo

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

Day 27

2025-08-27

353

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

( Day 27 ) CSS @media 媒體查詢

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

oxxo