---
tags: Cmoney_Web_檢討
---
WEEK1_HW
===

檢討後
---

1. 使用 code 標籤 來告訴瀏覽器這邊是 code ，使用在 index.html 的 < > 特殊字元

<code>&lt;head&gt;</code>

2. 小心使用 box-sizing: border-box ，有時在維護專案時會導致跑版，另一點在有需要的地方加就好，避免浪費效能

* {
  box-sizing: border-box;
}

3. 縮寫的使用，其實有些多餘的屬性會浪費效能
例如:
background: white 不如直接寫 background-color: white 因為其他的根本用不到

margin: 0 auto 不如直接寫 margin-left:auto margin-right:auto 如果挪用後的地方 margin 上下剛 好不是 0 就會跑版

div {
  background: white;
  margin: 0 auto;
}

div {
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}

4. 空連結不要使用 #，下面的語法指用 javascript 然後什麼都不做

<a href="javascript:;">CSS</a>

5. 常忘記打@charset "UTF-8";

@charset "UTF-8";

評語
---

1. description 拼錯

2. HTML5 沒關門標籤不需要加 /
> Prettier 自己加的，為了讓舊的瀏覽器看得懂
<br>
3. 加了很多 \<br> 導致版型寬度變動時，內容會莫名斷行
> 特別是在縮小的時候
<br>
4. 亮點: HTML 的格式整理很棒! 方便修改

5. 不應該在 body 上設定 flex
> 用 margin 調比較好
<br>
6. 寬、高用 rem 來定義較不直覺

7. CSS 文件中少了編碼