手機頁面總結

1.@font-face: 可以加載服務器端的字體文件，讓客戶端顯示客戶端所沒有安裝的字體。【微軟的IE 5已是開始支持這個屬性，可是隻支持微軟自有的.eot (Embedded Open Type) 格式，而其餘瀏覽器直到如今都沒有支持這一字體格式。然而，從Safari 3.1開始，網頁重構工程師已經能夠設置.ttf(TrueType)和.otf(OpenType)兩種字體作爲自定義字體了。】

語法：@font-face:{屬性：取值}
取值：
font-family：設置文本的字體名稱。
font-style：設置文本樣式。
font-variant：設置文本是否大小寫。
font-weight：設置文本的粗細。
font-stretch：設置文本是否橫向的拉伸變形。
font-size：設置文本字體大小。
src：設置自定義字體的相對路徑或者絕對路徑，注意，此屬性只能在@font-face規則裏使用。
src: url('//at.alicdn.com/t/font_1464666184_1351352.eot'); /* IE9*/
src: url('//at.alicdn.com/t/font_1464666184_1351352.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//at.alicdn.com/t/font_1464666184_1351352.woff') format('woff'), /* chrome、firefox */
url('//at.alicdn.com/t/font_1464666184_1351352.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/font_1464666184_1351352.svg#iconfont') format('svg'); /* iOS 4.1- */

2.window.onresize:當改變窗口大小時觸發的事件。
3.nav-child（num）與nav-of-type（num）區別:num從1開始計數，p:nav-of-type（2）無論父級有幾種語速，只是渲染p標籤的第二個元素。nav-child（2）則與父級有幾個元素有關，如有div，p，span，等表示的意思就不相同，有可能nav-child沒用，不能精肯定位。http://www.zhangxinxu.com/wordpress/2011/06/css3選擇器nth-child和nth-of-type之間的差別
4.外鏈icon圖標：選擇想要的圖標，點擊進購物車-》存儲-》獲取在線連接-》點擊右側uncode獲取地址-》下載css文件-》外鏈進頁面-》把iconform 和icon圖標的類寫進<i>中-》在style.css中修改圖標的類內的內容（大小用font-size設置，背景色用color,即當成文字進行設置）。
5.（1）元素居中：css3:calc()支持四則運算a{position:absolute;top:calc(50% - height/2);left:calc(50% - width/2)}//兼容性很差，新出的標籤
（2）vh:適口單位，
6.input字體樣式的設置，必需要在input裏面設置，在父級沒有效果。瀏覽器有默認對input樣式的設置。

7.ajax加載html樣式，在對加載的樣式進行jquery事件 處理時，必需要用事件綁定，綁定在其父級元素上，不然事件無效。手機端通常用on綁定。
8.(1)ie6兼容opcity filter:Alpha(opcity=50);若是你設置的值是0.5時;(2)設置margin爲負數，盒子會向反方向移動

先總結到這，下次再說。若有問題，請各位看官及時指出，不勝感謝！！！