1.初始化及header布局

最新推荐文章于 2023-06-15 22:22:56 发布

闲云居

最新推荐文章于 2023-06-15 22:22:56 发布

阅读量815

点赞数

分类专栏：响应式网站项目

本文链接：https://blog.csdn.net/wangguangzme/article/details/56490283

版权

响应式网站项目专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>响应式布局</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<!--[if lte IE8]>
<p class="browserupgrade">您的浏览器版本老的可笑，请到<a href="http://browsehappy.com/">这里</a>更新，以获取最佳的体验效果！</p>
<![endif]-->
<header>
    <nav class="top">
        <span class="tel">理财热线 ：400-888-8888</span>
        <ul>
            <li><a href="#">登录</a></li>
            <li><a href="#">快速注册</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">捐赠</a></li>
            <li><a href="#">APP</a></li>
        </ul>
    </nav>
    <nav class="main">
        <a href="#" class="brand"><img src="" alt=""></a>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">理财频道</a></li>
            <li><a href="#">投资频道</a></li>
            <li><a href="#">新手专区</a></li>
            <li><a href="#">安全保障</a></li>
        </ul>
    </nav>
</header>
<div>

</div>
<footer>

</footer>
</body>
</html>

在书写css之前我们需要统一css样式，建议使用Normalize.css来完成样式初始化！