盒模型應用
改變寬高範圍
默認情況下，width 和 height 設置的是內容盒寬高。
頁面重構師：講psd文件（設計稿）製作爲靜態頁面
衡量設計稿尺寸的時候，往往使用的是邊框盒，但設置width和height，則設置的是內容盒
- 精確計算
- css3; box-sizing:
改變背景覆蓋範圍
默認情況下，背景覆蓋邊框盒
可以通過background-clip進行修改
溢出處理
overflow，控制內容溢出邊框盒後的處理方式
hidden 隱藏
scroll 生成滾動條
auto 自動
斷詞規則
word-break，會影響文字在什麼位置被截斷換行
normal：普通。CJK字符（文字位置截斷），非CJK字符（單詞位置截斷）
break-all：截斷所有。所有字符都在文字處截斷
keep-all:保持所有。所有文字都在單詞之間截斷
空白處理（單行文本截斷）
white-space:nowrap 不換行（強制在爲本在一行顯示）
overflow：hidden
text-overflow：ellipsis
