1. -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%
原理:iPhone 和 Android 的瀏覽器縱向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自動調(diào)整字體大小的功能移盆∧肱疲控制它的就是 CSS 中的 -webkit-text-size-adjust。
功能:text-size-adjust 設(shè)為none或者100%關(guān)閉字體大小自動調(diào)整功能.
2. a:focus{ outline: thin dotted}
:focus 選擇器用于選取獲得焦點(diǎn)的元素瀑梗。所有主流瀏覽器都支持 :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之內(nèi)芒填。對象的實(shí)際寬度等于設(shè)置的width值和border、padding之和空繁,即 ( Element width = width + border + padding )
此屬性表現(xiàn)為標(biāo)準(zhǔn)模式下的盒模型殿衰。
border-box:padding和border被包含在定義的width和height之內(nèi)。對象的實(shí)際寬度就等于設(shè)置的width值盛泡,即使定義有border和padding也不會改變對象的實(shí)際寬度闷祥,即 ( Element width = width )
此屬性表現(xiàn)為怪異模式下的盒模型。
5.white-space 屬性設(shè)置如何處理元素內(nèi)的空白傲诵。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"凯砍。
normal默認(rèn)∷┲瘢空白會被瀏覽器忽略悟衩。
normal默認(rèn)≈呈欤空白會被瀏覽器忽略局待。
pre空白會被瀏覽器保留斑响。
nowrap文本不會換行菱属,文本會在在同一行上繼續(xù),直到遇到<-br->
pre-wrap保留空白符序列舰罚,但是正常地進(jìn)行換行纽门。
pre-line合并空白符序列,但是保留換行符营罢。
inherit規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值赏陵。
6.text-transform-- 定義文本的大小寫狀態(tài),此屬性對中文無意義
囧:這些不經(jīng)常用,今天才剛剛知道饲漾。蝙搔。。考传。