通常清單的計數器會按照預設格式產生對應的數值或符號,如果進一步透過「@counter-style」定義計數器規則,就能讓計數器產生更多變化,大幅增加計數器的彈性...
開發網頁時,隨著架構複雜度的增加,管理 CSS 樣式也變得更加困難。為了避免樣式互相污染和提升維護性,CSS 加入了 @scope 規則定義,透過「作用域」的概...
通常 CSS 都是設定用瀏覽器觀看的網頁樣式,不過當有列印網頁需求時,這些樣式往往會發生錯位等不如預期的狀況,因此如果有列印需求,除了使用 @media 進行媒...
當 CSS 越寫越複雜,有時就需要將 CSS 根據特定功能拆分成獨立的檔案,如果要載入多個 CSS,除了使用 HTML 的方式載入,也可以透過 CSS 的 @i...
CSS 的 @layer 是一個可以利用類似「圖層」的方式,去調整「選擇器權重」的 At 規則,這個單元除了會介紹 @layer 的用法,還會用範例呈現 @la...
CSS 的 @property 可以讓使用者「自訂屬性值」的 At 規則,使用方式跟「CSS 變數」非常類似,可以當作是一種「新型態的 CSS 變數」,定義屬性...