我的每日五题0227

从今天开始每日五题，在网上找的面试题和花花晚上复习一下，也通过这个巩固一下知识。

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     还有高级的不会