# 第二週｜助教直播｜切版班 by Sz
###### tags: `Sz` `第二週` `助教直播` `直播筆記` `2021夏季切版班`

[直播影片](https://courses.hexschool.com/courses/2020112/lectures/33513281)
[講義連結](https://quip.com/5p2iAxU9Jqhk)

## 如何閱讀設計稿
- 找出共通設定
- 字體
- 行高
- 大小
## 預設字體
英文 > linux > MAC > Windows > 基礎字體

- 前面有讀完就不會載往後面讀了
- 有兩個以上單字的字體需要用""包起來
- 縮寫 font 比較不好用，建議不用

## 字體大小
預設 16 px
## line-height

// 這幾週幾乎都是這樣預定
body {
	line-height: 1.5
}
// 偶爾會這樣改
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2
}

## 曖昧的語意
字體的大小不一定代表h1, h2 的順序

## 標籤上的宣告
建議不要

## 圖片的 class
不要用編號

## wrap
放在所有東西之上，沒什麼必要

## top bottom 選一個