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 （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。

注釋：輪廓線不會占據(jù)空間，也不一定是矩形。

3.audio:not([controls]) {display: none;height: 0}

功能：audio:not([controls]){display:none;/*為防止在主流瀏覽器中出現(xiàn)“不帶控制按鈕的音頻模塊”這一問題。*/

功能：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 )

此屬性表現(xiàn)為標準模式下的盒模型。

border-box：padding和border被包含在定義的width和height之內。對象的實際寬度就等于設置的width值，即使定義有border和padding也不會改變對象的實際寬度，即 ( Element width = width )

此屬性表現(xiàn)為怪異模式下的盒模型。

5.white-space 屬性設置如何處理元素內的空白。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

normal默認?？瞻讜粸g覽器忽略。

normal默認?？瞻讜粸g覽器忽略。

pre空白會被瀏覽器保留。

nowrap文本不會換行，文本會在在同一行上繼續(xù)，直到遇到<-br->

pre-wrap保留空白符序列，但是正常地進行換行。

pre-line合并空白符序列，但是保留換行符。

inherit規(guī)定應該從父元素繼承 white-space 屬性的值。

6.text-transform-- 定義文本的大小寫狀態(tài),此屬性對中文無意義

囧：這些不經(jīng)常用，今天才剛剛知道。。。。