11.13学习内容

width,height,padding,margin的百分比是看父级的，width,padding,marigin是看父级的width，height是看父级的height。因为height的值的百分比会是父级的height的百分比，为了保持宽高比一致，所以需要使用padding-top值，width的百分比/padding-top的百分比 = 图片的宽/高。getComputedStyle方法，就用来返回这个规则，它接受一个DOM节点对象作为参数，返回一个包含该节点最终样式信息的对象，所谓“最终样式信息”，值得是各种CSS规则叠加后的结果。left,top的百分比是根据包含元素的百分比。width=device-width 视口约束。.弹性盒模型，display:-webkit-box(弹性盒模型的关键)，-webkit-box-flex:n，n是份数。

box-sizing:border box 意思就是边框不占位置。calc现在已经不常用了，直接使用box-sizing:border box非常方便。window onresize调整窗口大小。border-collapse:collaose边框能合成就合成。display:table元素呈现为表格，display:table-cell元素呈现为表格类。vertical-align-middle只有存在table-cell的情况下才会出现，意思是把元素放在父元素中部。em是父级的font-size的倍数，如果父级没有，会继续往父级的元素中找，rem的意思是html的倍数。