div-ul-li
1、div-ul(ol)-li常用于分类导航和菜单
2、一般情况下,margin:0px auto来设置版块的水平居中,页面内容居中用text-align:center
<div class="head">
<!--头部第一部分-->
<div class="head_title">
<ul>
<li>武汉【切换城市】</li>
<li class="head-ul">
<ul>
<li>购物乐乐</li>
<li>购物中心</li>
<li>购物车</li>
<li>【登录】</li>
<li>【注册】</li>
</ul>
</li>
</ul>
</div>
<!--头部第二部分-->
<div class="searh">
<ul>
<li class="logo"><img src="../images/acorn.png"></li>
<li class="he">
<ul>
<li>旅游</li>
<li>酒店</li>
<li>KTV</li>
</ul>
</li>
</ul>
</div>
</div>
.head {
width: 1000px;
min-height: 90px;
background-color: rgb(26, 218, 224);
margin: 0 auto