鐵人檔案
透過擴展CSS的語法，提供了變量、巢狀規則、混入(Mixins)等功能，使樣式表編寫更高效、靈活。SASS是最早出現的預處理器之一，使用簡潔的語法，而SCSS則是SASS的語法變體，完全兼容標準CSS。這兩者在大型項目中極具價值，幫助開發者減少重複代碼、提高可維護性。我的參賽內容包含SASS/SCSS的起源、功能比較、語法應用及其在現代開發中的實際應用，希望此內容對大家有所幫助!
BEM（Block Element Modifier） 是一種 CSS 命名規則，用於構建可維護且可重用的代碼結構。將 SCSS 與 BEM 結合，可以有效組織...
前面學習那麼多函數，我們知道隨著項目的規模增長，SCSS 的編譯時間和性能可能會受到影響。因此，進行性能優化是確保開發流程順利的重要步驟。我們結合先前學習的知識...
由先前的課程，我們得知SCSS 提供了豐富的內建函數，可以幫助我們更方便地操作顏色、字串、數字、列表、映射等，讓樣式編寫更為簡潔、高效。 一、顏色函數 li...
在前端開發中，為了提升樣式的編寫效率和品質，通常會將 SCSS 與 PostCSS 以及其他工具組合使用。這種搭配可以充分利用 SCSS 的預處理特性與 Pos...
在大型前端項目中，隨著開發的進行，CSS 文件往往會變得越來越龐大，其中有許多不再使用的樣式。這不僅會影響網站的效能，也會增加維護的難度。PurgeCSS 和...
SCSS 是一種流行的 CSS 預處理器，它為 CSS 提供了許多強大的功能，如變數、混入、繼承等。隨著現代前端開發框架（如 React 和 Vue）的興起，S...
在使用 SCSS 進行樣式開發時，有時候是需要屯隊合作的，因此維持項目的可維護性非常重要。以下是一些建議，包括命名規範與文件結構的最佳實踐。 一、如何保持 SC...
一、回顧學習內容 在學習 SASS/SCSS 的過程中，我們已經涵蓋了從基礎到進階的多個主題。以下是學習的重點回顧： 1.SASS/SCSS 基礎： 理解 他們...
終於來到第29天了，SCSS系列的學習也快接近尾聲了，藉由近30天的練習以及相關資訊的吸收，讓我對原本陌生的SCSS有更多的了解也學到基礎的技巧。以下是我的一些...
昨天的文章中提到我要實作網站，於是在時間有限的情況下，我寫了一個心理測驗(惡搞版)，每一頁的設計終於不用複製、貼上，真的像來到了天堂，來看看我的成果吧! 一、網...
