### font-size 瀏覽器默認font-size是16px。 em相對于當前元素（也就是當前元素的font-size大小），rem相對于根元素。 ie9及以上才支持rem。 現代網頁設計最佳實踐： * 即使是定寬的傳統桌面網頁，也要做響應式，尤其是以1200px為設計的網頁，要響應到800px。 * 如果因各種原因無法響應式，也沒有必要全局都用em或rem，只需要在以圖文內容為主的重要布局區域使用可縮放的font-size處理即可。比如小說的閱讀頁、文章區域、私信對話內容、評論區等，這些都建議使用em、rem、百分比。 ### 文本控制 word-break： * normal：使用默認換行規則 * break-all：允許任意非中日韓文文本間的單詞斷行 * keep-all：行為上與normal一致 word-wrap： * normal：正常的換行規則 * break-word：一行單詞中實在沒有其他靠譜的換行點的時候換行  `word-break: break-all`就是所有的都換行，毫不留情；`word-wrap: break-word`則是如果有空格或中日韓文之類的就斷它們，就不打英文的主意了。 white-space設置為nowrap時，元素的寬度表現為最大可用寬度，換行符和空格全部合并，文本盡可能一行顯示。 text-transform控制字符大小寫 ``` //適用于身份證輸入（自動將x轉換為X）和驗證碼輸入 input { text-transform: uppercase; } ``` ### ::first-letter和::first-line偽元素 兩者必須是inline-block\block\table-cell才有效 ::是偽元素，:是偽類，然而你大多看到的是:before\:first-letter等而不是::before\::first-letter，這是為了兼容ie8。 ::first-letter實際應用舉例 ``` <p>$99.99</p> //$有特殊樣子 .price:first-letter { margin-right: 5px; font-size: 30px; color: red; } ```