今天完成的事情：任务八，深度思考

今日收获：

一、div+css布局的好处：

1.符合W3C标准，代码结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。

2.布局精准，网站版面布局修改简单。

3.加快了页面的加载速度（最重要的）（在IE中要将整个table加载完了才显示内容）。

4.节约站点所占的空间和站点的流量。

5.用只包含结构化内容的HTML代替嵌套的标签，提高另外搜索引擎对网页的搜索效率。

二、table布局的好处（table布局也不是一点用的没有，这点是毋庸置疑的）

1.容易上手。

2.可以形成复杂的变化，简单快速。

3.表现上更加“严谨”，在不同浏览器中都能得到很好的兼容。

二、bootstrap有哪些常用组件

1.轮播图

2.下拉菜单

3.响应式导航栏

三、
css有哪些方式可以实现垂直居中

(1)

1.设置margin: 0 auto实现水平居中

2.position=relative，top:50%.margin-top:-50%

(2)

vertical-align

HTML

<div

  <div

  </div>

</div>

CSS

.container {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,.5);

    text-align: center;

    font-size: 0;

    white-space: nowrap;

    overflow: auto;

}

.container:after {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}

.dialog {

    display: inline-block;

    vertical-align: middle;

    text-align: left;

    font-size: 14px;

    white-space: normal;

明天计划的事情：任务八九