页面导航制作入门

        我们要先做一个容器（要求：ID为“nav”，宽度为960px，高度为35px，位于页面水平正中，与浏览器顶部的距离是30px；),这个容器就是放置我们的导航的盒子~代码如下：

HTML代码：

    <div id="nav"></div>

CSS代码：

    #nav{
    width:960px;
    height:35px;
    background:#CCC;/*为了便于查看区域范围大小，故而加个背景色*/
    margin:0 auto;/*水平居中*/
    margin-top:30px;/*距离顶部30px*/
    }

还有一点需要提醒的是，为了页面在浏览器中的兼容性，不要忘记在CSS文件顶部加入标签重置代码~

body,div{padding:0; margin:0;}

HTML代码

    <div id="nav">
        <ul>
            <li>W3Cfuns</li>
            <li>厘米学院</li>
            <li>培训课程</li>
            <li>我要充电</li>
            <li>前端职业生涯</li>
            <li>课程答疑</li>
        </ul>
    </div>

CSS代码：

    #nav ul{
            width:960px;
            height:35px;
    }