width,height,padding,margin的百分比是看父級的抖仅，width,padding,marigin是看父級的width，height是看父級的height咏窿。因為height的值的百分比會是父級的height的百分比斟或，為了保持寬高比一致，所以需要使用padding-top值集嵌，width的百分比/padding-top的百分比 = 圖片的寬/高萝挤。getComputedStyle方法，就用來返回這個規(guī)則根欧，它接受一個DOM節(jié)點對象作為參數(shù)怜珍，返回一個包含該節(jié)點最終樣式信息的對象，所謂“最終樣式信息”凤粗，值得是各種CSS規(guī)則疊加后的結果酥泛。left,top的百分比是根據(jù)包含元素的百分比。width=device-width 視口約束嫌拣。<meta name ="viewport" content="width=device-width">.彈性盒模型柔袁，display:-webkit-box(彈性盒模型的關鍵)，-webkit-box-flex:n异逐，n是份數(shù)捶索。
box-sizing:border box 意思就是邊框不占位置。calc現(xiàn)在已經不常用了灰瞻，直接使用box-sizing:border box非常方便腥例。window onresize調整窗口大小燥筷。border-collapse:collaose邊框能合成就合成。display:table元素呈現(xiàn)為表格院崇，display:table-cell元素呈現(xiàn)為表格類肆氓。vertical-align-middle只有存在table-cell的情況下才會出現(xiàn)，意思是把元素放在父元素中部底瓣。em是父級的font-size的倍數(shù)谢揪，如果父級沒有，會繼續(xù)往父級的元素中找捐凭，rem的意思是html的倍數(shù)拨扶。
