仿百度首页

前言：学习了一个星期的HTML和CSS，感觉有点烦躁，想做点小东西练练手。百度首页十分简洁，应该是个练手的好地方。

1. 对照着界面在纸上大概地写下了HTML结构~

2. 图像居中显示问题。

这里使用了一个属性text-align: center;   官网上对它的描述是这样子的：This property describes how inline-level content of a block container is aligned.

3. <span>元素怎么设置行高？

display: inline-block;

4. div中 height和line-height的区别

<div style="height:120px;">是用来规定整个div的高度，文字还是默认会在顶端开始向下排列
<div style="line-height:120px;"> 是规定行高的，就是一行120个像素，文字会相对于这120像素垂直居中！