## 只列出一部分,随时补充
- 字体
```css
// 字体族,从左往右寻找渲染字符
font-family: "PingFang SC", "Microsoft Yahei", serif, monospace
```
- 行高
```css
line-height: // 设置行高,元素会相对于父元素垂直居中 [传送门](https://www.w3school.com.cn/cssref/pr_dim_line-height.asp)
vertical-align: // 设置垂直对齐方式 [传送门](https://www.w3school.com.cn/css/pr_pos_vertical-align.asp)
```
- 背景
```css
背景颜色
渐变色背景
多背景叠加(CSS3)
背景图片和属性(雪碧图) // 减少http 请求
base64 和性能优化 // 针对小图标, 减少http 请求
多分辨率适配 // background-size 压缩图片
```
- 边框
```css
border
- 属性:大小 类型 颜色
- 边框背景图
- 边框衔接(三角形...)
outline // 轮廓线,在 border 外围,不会占据空间
```
- 滚动
```css
overflow: visible; // 默认值
overflow: hidden; // 溢出部分隐藏
overflow: scroll; // 溢价部分可滚动查看(始终显示)
overflow: auto; // 如果溢价,可滚动查看
```
- **换行**
```css
word-wrap( css3: overflow-wrap) // 通过换行控制是否保留单词
word-break // 针对多字节文字
white-space // 空白处是否断行
// 可组合使用
```