一 设计主题
中秋节,又称祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节等,是中国民间的传统节日。
大框架
二 内容介绍
1.设置LOGO背景图片
2.设置导航栏,在标签选择器中将颜色设置为红色
<ul>
<li><a href="#zqsy"><b>中秋赏月</b></a>
<li><a href="#lsyg"><b>历史沿革</b></a>
<li><a href="#jrbc"><b>节日别称</b></a>
<li><a href="#fsxg"><b>风俗习惯</b></a>
<li><a href="#shcs"><b>神话传说</b></a>
<li><a href="#wxjs"><b>文学记述</b></a>
</ul>
3.插入图片
4.下面分三部分
底部
中秋赏月:
中 -历史沿革
右:节日别称
5、插入图片
三. 下面分三部分
Left:风俗习惯
Mid:神话传说
Right:文学艺术
7.下面为页脚部分
<footer class="footer">
<nav class="nav">
<ul>
<li class="li"><b>在线活动</b></li>
<li class="li"><a href="#">活动抽奖</a></li>
<li class="li"><a href="#">中秋大礼</a></li>
<li class="li"><a href="#">中奖名单</a></li>
</ul>
</nav>
<nav class="nav2">
<ul>
<li class="li"><b>综合快讯</b></li>
<li class="li"><a href="#">最新动态</a></li>
<li class="li"><a href="#">中秋要闻</a></li>
</ul>
</nav>
<nav class="nav3">
<ul>
<li class="li"><b>相关服务</b></b></li>
<li class="li"><a href="#">音乐网</a></li>
<li class="li"><a href="#">电影网</a></li>
</ul>
</nav>
<nav class="nav4">
<ul>
<li class="li"><b>关于我们</b></li>
<li class="li"><a href="#">合作关系</a></li>
<li class="li"><a href="#">寻求帮助</a></li>
<li class="li"><a href="#">给予意见</a></li>
</ul>
</nav>
</footer>
四.结果展示
设计思路:将整个板块分开写
图片位置:利用浮动/定位
边框: 盒子模型
文章到这里结束了,祝愿小伙伴儿们在即将来临的中秋节的生活像吃了月饼一样甜👏👏👏
同时希望各位小伙伴儿们在今天中秋节包括以后的日子里快快乐乐滴,谢谢各位小伙伴儿的支持😘😘😘
最后再一次祝大家: