iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

從零開始學習前端 系列

將在這短短幾個月的學習做個紀錄。每天會分享自學習以來每一週遇到的問題,而自己又是怎麼解決。主要會繞著HTML,CSS實踐上碰到的問題,也會有一些個人心得和思考。

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

#從零開始2️⃣0️⃣:學習使用SCSS/Sass(上)

根據官方文件說明,Sass有兩種語法,最常用的是SCSS語法(.scss),而另一種的縮排語法(.sass)則比較不常見。縮排語法使用縮排而不是中括號來嵌套程式...

2023-10-06 ‧ 由 RochelWang 分享
DAY 22

#從零開始2️⃣1️⃣:學習使用SCSS/Sass(下)

擴展/繼承(Extend/Inheritance) 我們可以定義一組樣式,然後將這些樣式應用於不同的元素,同時保持代碼的整潔和可維護性。 使用@extend...

2023-10-07 ‧ 由 RochelWang 分享
DAY 23

#從零開始2️⃣2️⃣:切版實作(1)環境建立

匯總前二十幾篇學習到的,接下來會以甜點店商設計稿(可商用)的產品頁(product)實際操作練習。 觀察設計稿有沒有通用、重複的部分 設計稿導覽列和頁尾部分似乎...

2023-10-08 ‧ 由 RochelWang 分享
DAY 24

#從零開始2️⃣3️⃣:切版實作(2)mixin設定

撰寫手機樣式(@media可以參考#從零開始1️⃣6️⃣:RWD!!@media(max-width)和@media(min-width)這篇) 我設定了幾個斷...

2023-10-09 ‧ 由 RochelWang 分享
DAY 25

#從零開始2️⃣4️⃣:切版實作(3)nav&footer

github pages:https://rochelwang1205.github.io/sweetie/ github repo:https://githu...

2023-10-10 ‧ 由 RochelWang 分享
DAY 26

#從零開始2️⃣5️⃣:切版實作(4)nav&footer RWD

github pages:https://rochelwang1205.github.io/sweetie/ github repo:https://githu...

2023-10-11 ‧ 由 RochelWang 分享
DAY 27

#從零開始2️⃣6️⃣:切版實作(5)商品選單

github pages:https://rochelwang1205.github.io/sweetie/ github repo:https://githu...

2023-10-12 ‧ 由 RochelWang 分享
DAY 28

#從零開始2️⃣7️⃣:切版實作(6)商品選單 RWD

github pages:https://rochelwang1205.github.io/sweetie/ github repo:https://githu...

2023-10-13 ‧ 由 RochelWang 分享
DAY 29

#從零開始2️⃣8️⃣:切版實作(7)商品

github pages:https://rochelwang1205.github.io/sweetie/ github repo:https://githu...

2023-10-14 ‧ 由 RochelWang 分享
DAY 30

#從零開始2️⃣9️⃣:切版實作(8)商品 RWD

github pages:https://rochelwang1205.github.io/sweetie/ github repo:https://githu...

2023-10-15 ‧ 由 RochelWang 分享