1. -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%
原理：iPhone 和 Android 的瀏覽器縱向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自動調整字體大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。
功能：text-size-adjust 設為none或者100%關閉字體大小自動調整功能.
2. a:focus{ outline: thin dotted}
:focus 選擇器用于選取獲得焦點的元素。所有主流瀏覽器都支持 :focus 選擇器。
注釋：如果 :focus 用于 IE8 ，則必須聲明 。
outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
注釋：輪廓線不會占據空間，也不一定是矩形。
3.audio:not([controls]) {display: none;height: 0}
功能：audio:not([controls]){display:none;/*為防止在主流瀏覽器中出現“不帶控制按鈕的音頻模塊”這一問題。*/
功能：height:0;/*解決iOS5移動端顯示多余高度的兼容性問題。 */}
4.box-sizing屬性可以為三個值之一：content-box（default），border-box
content-box：padding和border不被包含在定義的width和height之內。對象的實際寬度等于設置的width值和border、padding之和，即 ( Element width = width + border + padding )
此屬性表現為標準模式下的盒模型。
border-box：padding和border被包含在定義的width和height之內。對象的實際寬度就等于設置的width值，即使定義有border和padding也不會改變對象的實際寬度，即 ( Element width = width )
此屬性表現為怪異模式下的盒模型。
5.white-space 屬性設置如何處理元素內的空白。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
normal默認。空白會被瀏覽器忽略。
normal默認。空白會被瀏覽器忽略。
pre空白會被瀏覽器保留。
nowrap文本不會換行，文本會在在同一行上繼續，直到遇到<-br->
pre-wrap保留空白符序列，但是正常地進行換行。
pre-line合并空白符序列，但是保留換行符。
inherit規定應該從父元素繼承 white-space 屬性的值。
6.text-transform-- 定義文本的大小寫狀態,此屬性對中文無意義
囧：這些不經常用，今天才剛剛知道。。。。
