iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

關於SASS/SCSS 系列

Web 已經蓬勃發展了許久,因為本身學習的領域跟資訊相關,web也碰過一點點,想透過這次的機會學習一個對我來說新的工具來使用。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

[DAY21]SASS迴圈|@while|@for

前情提要 對於寫程式來說,迴圈是一個非常常見的出現在各式各樣不同用途的程式語言當中,(但是css沒有......)迴圈本身就是一個減少手刻一行一行程式碼的功用。...

2022-10-05 ‧ 由 weiiiiiiii 分享
DAY 22

[DAY22] SASS @each

前情提要 如果說迴圈是根據你自己設定的條件,然後一個一個照順序的去執行某個部分或是取得某個部分,那@each就比較像你今天設置一個抽人人有獎的抽獎箱,按照抽到的...

2022-10-06 ‧ 由 weiiiiiiii 分享
DAY 23

[DAY23] SASS @use

前情提要 今天這個語法是@import的延伸,叫做@use,也是分門別類的好工具。 正文 |@use用法|@use的用法跟@import其實很類似,都可以把你...

2022-10-07 ‧ 由 weiiiiiiii 分享
DAY 24

[DAY24]SASS 畫星星|Transform屬性|z-index圖層

前情提要 之前在某一天講過關於用SASS畫三角形,就想到那我會畫了三角形之後,我是不是可以也畫出一些可以由三角形組合而成的東西,第一個想到的就是畫星星。 正文...

2022-10-08 ‧ 由 weiiiiiiii 分享
DAY 25

[DAY25]SASS數字函數

前情提要 之前講過很多次的顏色函數了,今天講個不一樣的叫做數字函數。 正文 數字函數是甚麼東西 顏色函數的用意是,你可以用不一樣的組合方式產生出不一樣的樣子,...

2022-10-09 ‧ 由 weiiiiiiii 分享
DAY 26

[DAY26]SASS列表函數

前情提要 講過好多天的函數了,今天我們就直接進入主題吧!!是*列表函數。 正文 列表函數 |列表是甚麼??|列表就是清單的意思,按照列清單的方式,清單裡面的內...

2022-10-10 ‧ 由 weiiiiiiii 分享
DAY 27

[DAY27]SASS字符串函數|Introspection函數

前情提要 又是函數系列的一天,之前的有顏色函數、數字函數、列表函數,今天在來同時講兩個新的,因為這兩個的篇幅都比較少所以結合一下放在一起。是字符串函數跟Intr...

2022-10-11 ‧ 由 weiiiiiiii 分享
DAY 28

[DAY28]SASS Map函數

前情提要 又是一天的函數來啦!! 正文 Maps函數介紹 很常有人說SASS是一個數據地圖因為在SASS裡面很常有一個樣式是key value綁在一起然後稱之...

2022-10-12 ‧ 由 weiiiiiiii 分享
DAY 29

[DAY29]SASS 顏色函數(3)

前情提要 今天是SASS函數系列最後一天,我們又回到了顏色函數的系列,想看對之前的顏色函數有興趣可以看SASS顏色函數(1)和SASS顏色函數(2) 正文 今...

2022-10-13 ‧ 由 weiiiiiiii 分享
DAY 30

[DAY30]參賽心得

前情提要 今天沒有前情提要!我要結束我的鐵人賽了。 正文 一開始會參加是因為課堂教授的要求,他希望藉由半逼迫式的自主學習我們可以選擇自己比較有興趣的東西這樣的...

2022-10-14 ‧ 由 weiiiiiiii 分享