1. 文字效果
1.1 尺寸
| 属性 | 说明 |
|---|
| font-size | num+px |
| 说明 | px指的是像素大小 |
| 默认值 | 谷歌浏览器默认字体大小是16px |
1.2 粗细
1.3 行高
| 属性 | 说明 |
|---|
| line-height | num+px |
| 说明 | 如果只写num，则为当前标签的字符大小的num倍；行高=上间距+下间距+字体大小 |
1.4 颜色
| 颜色表示法 | 说明 |
|---|
| color | |
| rgb三原色写法 | |
| rgba透明色表示法 | a表示透明度，属于（0，1）小 |
| 十六进制表示 | RRGGBB（如果重复，则写成RGB） |
基本上一个字体大小+行高就行了
2. 排版布局
2.1 横向位置
| 属性 | 说明 |
|---|
| text-align | style |
| left | 默认左 |
| right | |
| center | 居中的是字体 |
2.2 垂直居中（行高特殊作用）
2.3 单词换行
2.4 长句子拆分换行
- word-break: keep-all/break-all
没那么多讲究，居中一般用flex，需要换行的基本遇不到
3. 字体样式
3.1 倾斜
| 属性 | 说明 |
|---|
| font-style | normal/italic |
| 说明 | normal是不倾斜，italic是倾斜 |
3.2 缩进
| 属性 | 说明 |
|---|
| text-indent | num+px/num+em |
| 说明 | 一般使用em，em与当前内容字体相关，2em就是首行缩进2格 |
3.3 修饰线
| 属性 | 说明 |
|---|
| text-decoration | |
| none | 无 |
| underline | 下划线 |
| line-through | 删除线 |
| overline | 上划线 |
3.4 文本阴影
| 属性 | 说明 |
|---|
| text-shadow | px px px color |
没用上过
4. 字符复合属性
| 属性 | 说明 |
|---|
| font | 倾斜 加粗 字号/行高 字体 |
| 说明 | 必须严格按照顺序来写；一般用于开发初期，统一文字效果 |
没这样写过