响应式基本布局结构

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