iT邦幫忙

RochelWang
iT邦見習生 ‧ 點數 172
3046
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

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

從零開始學習前端 系列

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

鐵人鍊成 ｜ 共 31 篇文章 ｜ 4 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 323 瀏覽
DAY 21

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

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

2023-10-06 ‧ 由 RochelWang 分享
0 Like 0 留言 429 瀏覽
DAY 22

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

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

2023-10-07 ‧ 由 RochelWang 分享
0 Like 0 留言 235 瀏覽
DAY 23

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

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

2023-10-08 ‧ 由 RochelWang 分享
0 Like 0 留言 266 瀏覽
DAY 24

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

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

2023-10-09 ‧ 由 RochelWang 分享
0 Like 0 留言 241 瀏覽
DAY 25

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

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

2023-10-10 ‧ 由 RochelWang 分享
0 Like 0 留言 355 瀏覽
DAY 26

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

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

2023-10-11 ‧ 由 RochelWang 分享
0 Like 0 留言 335 瀏覽
DAY 27

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

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

2023-10-12 ‧ 由 RochelWang 分享
0 Like 0 留言 247 瀏覽
DAY 28

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

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

2023-10-13 ‧ 由 RochelWang 分享
0 Like 0 留言 280 瀏覽
DAY 29

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

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

2023-10-14 ‧ 由 RochelWang 分享
0 Like 0 留言 308 瀏覽
DAY 30

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

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

2023-10-15 ‧ 由 RochelWang 分享
RochelWang的鐵人檔案
RochelWang的收藏
RochelWang的追蹤
RochelWang的Like
RochelWang的紀錄
RochelWang的訂閱列表