#為甚麼參加鐵人賽?今年是我第一次參加iT鐵人賽,也是老師在課堂上提到後,才知道有這麼一個自我挑戰類型的活動,而我參加這個活動的契機是在於,作為一個學習資訊相關...
今天要來跨出我的第一步:#什麼是SASS和SCSS呢?SASS(Syntactically Awesome Stylesheets)是為了讓CSS的撰寫更加高效...
#變數、嵌套 1.變數(Variables)變數是SASS/SCSS中的主要功能之一,我們可以透過變數將重複使用的樣式值"抽象化"(意指將具...
#繼承 繼承是SASS和SCSS提供的一個功能,他的概念是讓一個選擇器繼承另一個選擇器的樣式,不僅可以解決樣式規則重複撰寫的問題,同時也使我們可以更方便的維護代...
#條件判斷條件判斷是寫程式非常常用到的一種功能語法,我們可以根據不同的條件生成對應的樣式。因此這個語法特別適合應用在多樣化的設計需求,像是在網頁有不同主題時,我...
#自定義函數自定義函數是可以讓我們自己去定義一些樣式邏輯,並且還可以根據我們的需求去進行調整,同時,自定義函數還可以接收參數,計算並返回結果,透過這個功能,我們...
#條件判斷 $primary-color: #3498db; $secondary-color: #2ecc71; $contrast-threshold: 6...
#循環操作 &colors: (primary: #3498db, secondary: #2ecc71, danger: #e74c3c); @ea...
#成功生成最終的CSS .button-primary-1{ background-color: #3498db; font-size: 18p...
#SASS的輸出風格SASS有支援許多種不同的輸出風格,我們可以透過這些風格來選擇如何格式化生成的CSS代碼。我們可以根據使用的環境的不同,變換不同的輸出風格,...