---
tags: 30 天軟體工程師體驗營｜2025
---
# 🏅 切版任務挑戰列表
> 每週六前固定更新一週每日任務 ex: 5/3 前更新 4/28-5/2 的每日任務列表。

- Day1 - [HTML 標籤元素、CSS 判斷](https://hackmd.io/x-Xk5ZwyRPGZhVqYISPYZA)
- Day2 - [圖片處理技巧](https://hackmd.io/iZ6WaLpzS52vsQOV3xKk_w)
- Day3 - [box-sizing](https://hackmd.io/S84Z_6i5RfSYLKux5qtb4w)
- Day4 - [HTML、CSS 文字設定與 margin、padding 運用](https://hackmd.io/G0-GuR2YRt2dd4L3d2kWYw)
- Day5 - [Google Fonts 線上外部字型載入](https://hackmd.io/5T4Q1PC5RnWCm2dj_AKIvg)

<br />

- Day6 - [Bootstrap icon 引入](https://hackmd.io/upmXPi-uRCWZ75cfAH999w)
- Day7 - [position 技巧補充](https://hackmd.io/SvgXYMubQMmqTI2zSFblbQ)
- Day8 - [Banner Position 技巧運用](https://hackmd.io/vSRundTHRfeYK9t3F0WRqQ)
- Day9 - [background 練習](https://hackmd.io/maBVmIuqTUG-YEB6DsqLbw)
- Day10 - [flex I](https://hackmd.io/2q2GRdJmTOutv0DsQRKFGw)

<br />

- Day11 - [flex II](https://hackmd.io/Z6gT8OASQs-dWUT3b1pDjg)
- Day12 - [flex 運用](https://hackmd.io/BvdzUQ3xSbioELFRJbzsNw)
- Day13 - [container 概念](https://hackmd.io/Iw6z0L2UTNmr-7p-qhPqtg)
- Day14 - [HTML CSS 觀念補充](https://hackmd.io/vJKfIkS3QAqu898tVfZDGg)
- Day15 - [RWD 觀念補給](https://hackmd.io/0qLwnTZvTm6JMDYpzcXj6Q)

<br />

- Day16 - [RWD 練習 I](https://hackmd.io/o2CF8joKQuycb_j1DDCNVw)
- Day17 - [RWD 運用](https://hackmd.io/VruYHxndSaG2VNVt4lBzlw)
- Day18 - [Flex 與 RWD 練習](https://hackmd.io/zAb5KPMPQvG6fjWpPA5Fbg)
- Day19 - [進階 RWD](https://hackmd.io/No428OBoS1u15MeRQnHLgQ)
- Day20 - [hover, active 狀態練習](https://hackmd.io/744eEA_mQM-X7vcAguiiwQ)

<br />

- Day21 - [偽元素練習](https://hackmd.io/gjdoO0SBSXiQLIP_9CPSPg)
- Day22 - [input 樣式調整基礎練習](https://hackmd.io/zKocznZWS4uFklun7tS-PA)
- Day23 - [input 樣式調整進階練習](https://hackmd.io/TEn_UWZFTiuCHd05iFmO0A)
- Day24 - [Swiper 輪播套件](https://hackmd.io/1-R07-rqQtCSJ038XjI2zA)
- Day25 - [Swiper RWD 變換排版](https://hackmd.io/Y--_ZMEFSqm7CuoWScX6iQ)