iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

Super Easy CSS,極度簡單 PART 3!讓想像躍然於螢幕之上 系列

今年依然希望能挑戰成功,真真正正地完結他!

本系列文章目標延續去年的目標:學習 CSS 基本知識,並且研究 CSS 中酷炫又令人期待新屬性,讓想要學習 CSS 的人也能一起學到新知識,不用再零零散散地去爬文搜尋。此外,這次將會學習 CSS 預處理器 SASS/SCSS 與了解各大 CSS 框架,讓新手對於前端開發有全面的認識。

參賽天數 25 天 | 共 25 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

#84 SASS/SCSS (3) 使用檔案管理樣式 Partials / Modules (@use / @import / !default)

當專案越來越大,Code 越來越多,你可能會開始覺得把所有程式碼都塞在同一個 style.scss 檔案裡,變得很混亂。今天,我們就要來學習如何使用 Parti...

2025-10-05 ‧ 由 Eva Chen 分享
DAY 22

#85 SASS/SCSS (4) Mixins @mixin & @include

好的,我們已經學會了如何用變數來管理重複的數值,以及如何用 Partials 來組織我們的檔案結構。現在,我們要來學習一個更強大的功能,解決「重複撰寫一大段樣式...

2025-10-06 ‧ 由 Eva Chen 分享
DAY 23

#86 SASS/SCSS (5) Extend

今天,我們要來學一個和昨天說的 @mixin 很像,但運作原理和使用情境卻截然不同的 SCSS 功能:@extend。 本篇同步發表於我的 Hashnode...

2025-10-07 ‧ 由 Eva Chen 分享
DAY 24

#87 SASS/SCSS (6) 運算符號(加減乘除)

今天,我們要來探索 SCSS 中一個非常實用的功能:運算符號 (Operators),也就是加減乘除與取餘數,讓你可以在 CSS 裡面算數。 本篇同步發表於我...

2025-10-08 ‧ 由 Eva Chen 分享
DAY 25

#88 SASS/SCSS (7) sass:color 顏色模組——color.adjust 與 color.scale 取代舊的 lighten() 和 darken()

今天我們就來學習 SASS/SCSS 中關於顏色處理的語法:sass:color 模組,他即將取代過去 SCSS 中的 lighten() 和 darken()...

2025-10-09 ‧ 由 Eva Chen 分享