12.21周记（导航栏制作）

1、logo部分 

    <div class="head w" >

       <div class="logo"><img src="" alt=""></div>

 2、导航栏部分   通常要按照这种格式

    <div class="nav">

        <ul>

            <li><a href="#">一一一</a></li>

            <li><a href="#">二二二</a></li>

            <li><a href="#">三三三</a></li>

        </ul>

    </div>

CSS:

1、可以先定义一个公共类，可供需要的调用 

        .w {

            width: 1200px;        根据导航栏宽度决定

            margin: 0 auto;

        }

2、logo类和nav类以及li类要浮动

3、a类改成盒子

例：