标签语义和自适应图片（类似电商购物栏图片)
标签语意
<body></body>
body标签自带margin：8px；
<div></div>
div作用：定义一个盒子；自带display：block
<span></span>
span标签无语意，包裹文本内容，加display属性能定义
<h1><h1>
hq-h6标签定义文档标题、区域标题（字体大小em是父级的多少倍）
<p></p>
p标签自带margin-top:1em;margin-bottom:1em;
<ul></ul>
ul标签margin(top/bottom有1em的值，padding-left:40px;)
标签设置display:table-cell;后可以使用vertical-aligin：middle；