HTML导航CSS样式详解

HTML导航CSS样式详解

导航的最终样式：

1. 可以看到我们的导航栏分为左边logo和右边的导航（字），两边距离网页边框相同，背景为灰色，我们可以简单分为以下模块：
   我们将导航栏作为一个大盒子，里面嵌套一个盒子让它居中，再绿色盒子里面放入一个小盒子分别装logo图片和一个无序列表ul装文字导航。
2. 代码结构如下：

<nav class="clear">
        <div id="logo">
            <img src="../day05/web-img/logo.png" alt=""><