今年依然希望能挑戰成功,真真正正地完結他!
本系列文章目標延續去年的目標:學習 CSS 基本知識,並且研究 CSS 中酷炫又令人期待新屬性,讓想要學習 CSS 的人也能一起學到新知識,不用再零零散散地去爬文搜尋。此外,這次將會學習 CSS 預處理器 SASS/SCSS 與了解各大 CSS 框架,讓新手對於前端開發有全面的認識。
當專案越來越大,Code 越來越多,你可能會開始覺得把所有程式碼都塞在同一個 style.scss 檔案裡,變得很混亂。今天,我們就要來學習如何使用 Parti...
好的,我們已經學會了如何用變數來管理重複的數值,以及如何用 Partials 來組織我們的檔案結構。現在,我們要來學習一個更強大的功能,解決「重複撰寫一大段樣式...
今天,我們要來學一個和昨天說的 @mixin 很像,但運作原理和使用情境卻截然不同的 SCSS 功能:@extend。 本篇同步發表於我的 Hashnode...
今天,我們要來探索 SCSS 中一個非常實用的功能:運算符號 (Operators),也就是加減乘除與取餘數,讓你可以在 CSS 裡面算數。 本篇同步發表於我...
今天我們就來學習 SASS/SCSS 中關於顏色處理的語法:sass:color 模組,他即將取代過去 SCSS 中的 lighten() 和 darken()...