<aside> 💡 本次直播為講解主線作業

如果對於直播或是作業內容有疑問，可以在 Discord 作業討論頻道，或是程式勇者村的作業繳交區發問哦！

• 補充：discord 位置 </aside>

任務一：1px 也不差的切版術

作業設計稿：https://www.figma.com/design/WQh5XkQtQYB0yhIGx5wnMB/六角｜鞋子電商-W1、W2-（student-ver.）?node-id=8268-1388&t=gvR4r0juCXZKXwCz-0

• 品牌故事頁

講解大綱

• 專案結構
• 引入 CSS reset
• 設定共通版型
  • 標籤基本樣式：盒模型、<img>、<a>
  • 文字
  • 顏色
  • 間距
  • container 限縮內容寬度
• 小結
• 設定背景圖
• 元素置中、置右
• 補充：標籤的語意
• 補充：小技巧
• 總結

1. 專案結構

2. 引入 CSS reset

引入 meyerweb CSS Reset

3. 設定共通版型