---
# System prepended metadata

title: WEEK1_HW
tags: [Cmoney_Web_檢討]

---

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

檢討後
---

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

```htmlmixed=
<code>&lt;head&gt;</code>
```

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

```css=
* {
  box-sizing: border-box;
}
```


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


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

```css=
div {
  background: white;
  margin: 0 auto;
}

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

4. 空連結不要使用 #，下面的語法指用 javascript 然後什麼都不做
```htmlmixed=
<a href="javascript:;">CSS</a>
```

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

評語
---

1. description 拼錯

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

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

7. CSS 文件中少了編碼

