## 只列出一部分，隨時補充 - 字體 ```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 // 空白處是否斷行 // 可組合使用 ```