从今天开始每日五题，在网上找的面试题和花花晚上复习一下，也通过这个巩固一下知识。
1.垂直居中的方法
首先水平居中： margin：0 auto（上下边距都为0） 左右边距自动 即为居中
然后清除浏览器默认样式 html,body{width:100%;height:100%;margin:0;padding:0;}
3种
1 负外边距居中 top:50% margin-top: -(width+padding)/2
2 css3 transform transform:translate(-50%,-50%)
3 绝对定位居中 margin:auto; position:absolute; top:0;left:0;bottom:0;right:0;
2.盒子模型描述
标准盒子 content -padding-border-margin
----------content--------
ie盒子 content-padding-border -margin
3.Box-sizing适用场景，原理
两个块元素，在一个父元素下，当宽度需要微调时，可能会由于盒子模型溢出的效果， 导致挤出了父盒子的范围，增加paddding或者border时，容易撑破布局，需要使用繁琐的改变box宽度或者嵌套div，现在使用box-sizin：border-box 将其变回传统布局，这样就可以实现简单轻松地布局。content-box 是为w3c布局。
4.cookie，sessionStorage，localeStorage的区别（转）
cookie是存储在浏览器端，并且随浏览器的请求一起发送到服务器端的，它有一定的过期时间，到了过期时间自动会消失。sessionStorage和localeStorage也是存储在客户端的，同属于web Storage，比cookie的存储大小要大有8m，cookie只有4kb，localeStorage是持久化的存储在客户端，如果用户不手动清除的话，不会自动消失，会一直存在，sessionStorage也是存储在客户端，但是它的存活时间是在一个回话期间，只要浏览器的回话关闭了就会自动消失。
5.透明色设置
opacity ：0--1 还有高级的不会
