---
# System prepended metadata

title: 快速課前掌握
tags: [切版直播班]

---

---
tags: 切版直播班
---

# 快速課前掌握

## ==文字排版==
---
### ==文字行距 line-height== 

- 行距算法 
```css=
  // 18 * 1.5 = 27px
 font-size: 18px;
 line-height: 1.5;
```
![](https://i.imgur.com/sKrV6Ru.png)

```css=
  // 單獨算法
 font-size: 16px;
 line-height: 24px;
```
![](https://i.imgur.com/a8d2elD.png)

### ==文字靠齊==

```css=
text-align: 左或右
```

### ==首行縮排==
- 若要縮排兩個字原本的 16px * 2
```css=
font-size: 16px;
text-indent: 32px
```

### ==字與字的間鉅==
```css=
letter-spacing:2px
```

## ==容器介紹==
---

### ==display:block==

- display:block 特性會佔滿整個網頁
- display:block 會依照父元素的寬高去延伸
-