听的不是很详细

原创 2019-01-15 19:26:34 199
摘要:<!DOCTYPE html><!-- html5文档声明 --><html> <!-- 输入语言类型 --><head><!-- 头部信息 --><meta charset="UTF-8"> <!-- 万国字符集 --><title>小米商城</title>

<!DOCTYPE html><!-- html5文档声明 -->

<html> <!-- 输入语言类型 -->

<head><!-- 头部信息 -->

<meta charset="UTF-8"> <!-- 万国字符集 -->

<title>小米商城</title><!-- 浏览器窗口标签标题 -->

<link rel="shoutcut icon" type="image/x-icon" href="">

<style>/*css样式*/

 *{margin: 0px;padding: 0px;} /*body页面边距清零*/

 li{list-style: none;}/*无序列表样式去除*/

 a{text-decoration: none;cursor: pointer;}/*a标签下划线样式去除,hover链接光标为手势指针*/

 .clear{clear: both;}/*清除浮动*/


 /*头部样式*/

 .header{width: 100%;height: 40px;margin: 0px auto;background: #2F3E45;}

 .menu{width: 1226px;height: 40px;margin: 0px auto;background: orange;}


 /*底部样式*/

 .footer{width: 1226px;height: 100px;margin: 10px auto;background: #2E2E2E;color: #A5A0A0;}


 /*主体部分*/

 .content{width: 1000px;margin: 10px auto; background:#F6F6F6; }

 .navigation{background: #DCE2F3;height: 40px;margin: 0px auto;}  /*导航*/


 .sub01{background: #ccc;height: 500px;margin: 10px auto;}

 .sub01_01{background: #ccc;width: 246px;height: 480px;}

      .sub02{background: #ccc;height: 180px;margin: 10px auto;}

      .sub03{background: #ccc;height: 280px;margin: 10px auto;}

      .sub04{background: #ccc;height: 120px;margin: 0px auto;}

      .sub05{background: #ccc;height: 70px;margin: 10px auto;}

      .sub06{background: #ccc;height: 500px;margin: 10px auto;}



</style>

</head>

<body>

<!-- 头部-->

<div>

   <div></div>

</div>


<!-- 主体 -->

<div>

     <div>

       <div></div>

            

            <div>

                <div></div>

            </div>


            <div></div>

            <div></div>

            <div style="background:url(https://i1.mifile.cn/a4/xmad_15471302447392_lWdEk.jpg)"></div>


            <div></div>

            <div></div>

            <div style="background:url(https://i1.mifile.cn/a4/xmad_15468275542298_hFEMq.jpg)"></div>


            <div></div>

            <div></div>

            <div style="background:url(https://i1.mifile.cn/a4/xmad_15439756480639_IhxpV.jpg)"></div>


            <div></div>

            <div></div>

            <div style="background:url(https://i1.mifile.cn/a4/xmad_15472200003038_GJvus.jpg)"></div>

         </div>

</div>


<!-- 底部 -->

<div>

   <div>底部</div>

</div>

</body>

</html>


批改老师:灭绝师太批改时间:2019-01-16 09:05:48
老师总结:完成的是很全面,整体的框架已经完成,可以填充内部内容了

发布手记

热门词条