1、引言

数据库，java，python，vue，html作业复杂工程量过大？毕设毫无头绪等等一系列问题。你想要解决的问题，在微信公众号“coding加油站”中全部会得到解决

2、作品介绍

汉服网站设计系统采用html，css技术来实现，符合所学知识体系，适用于常见的作业以及课程设计，需要获取更多的作品，请关注微信公众号：coding加油站，获取，如需更多资料，可在微信后台留言。欢迎大家来提问，交流学习。

2.1、作品简介方面 

汉服网站设计系统采用常规方式来实现，符合绝大部分的要求。代码配置有相关文档讲解，如需从代码中学到知识点，那么这个作品将是你的不二之选

2.2、作品二次开发工具

此作品代码相对简单，基本使用课堂中所学知识点来完成，只需要修改相关的介绍文字，一些图片，就可以改为自己独一无二的代码，网页作品下载后可使用任意编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用）。

2.3、作品技术介绍

html网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等相关技术来美化相关界面，部分采用了javascript来做校验。 使用html5，以及css3等相关技术完成技术的布局，在本作品中，会使用常见的布局，常见的浮动布局，flex布局都会有使用到哦。同时在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识，同时使用了一些js的相关知识。例如使用到了dom，和bom来获取浏览器的相关api，同时使用css对样式进行相关的美化，使得界面更加符合网页设计

3、作品演示

3.1、首页

相关代码：

 <div id="zhuneiron">
      <div id="neiron">
        <div id="neiron-img" class="l-ht-0">
          <div id="neiron-img-1" class="mar-bottom-10">
            <div><a href="#"><img src="./img/4.jpg" alt="1" class="img-fit"></a></div>
          </div>
          <div id="neiron-img-2">
            <div><a href="#"><img src="./img/3.jpg" alt="1"></a></div>
            <div><a href="#"><img src="./img/5.jpg" alt="1"></a></div>
            <div><a href="#"><img src="./img/2.jpg" alt="1"></a></div>
            <div><a href="#"><img src="./img/1.jpg" alt="1"></a></div>
          </div>
        </div>
      </div>
      <div id="zhuneiron-zhuzixun">
        <div id="zhuzixun" class="mar-bottom-16">

          <div id="zixun">
            <div id="zixun-tou"
              class="bor-top-left-rd-5 bor-top-right-rd-5 l-ht-1 pad-left-16 pad-right-16 pad-top-14 pad-bottom-14">
              <h2 class="fs-18 ">最新文章&nbsp;<span class="ft-w-300 pad-left-10 pad-right-10">|</span></h2>
              <p class="fs-12">汉服的最新资讯</p>
            </div>
            <div id="zhu-zixun-neiron">
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index1.html"><img src="./img/zx1.gif" alt="hf" class="img-fit "></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index1.html"><span class="fs-12">汉服百科</span></a></div>
                      <h2><a href="index1.html">[发型教程]夏季清凉汉服发型教程(二)</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index1.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网&nbsp</span>
                            </a></li>
                          <li>发布:<span>3天前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li><span>♪:0</span></li> -->
                          <li>👁:<span>3</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 下面几个咨询是占位 -->
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index2.html"><img src="./img/zx2.jpg" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index2.html"><span class="fs-12">汉服制作</span></a></div>
                      <h2><a href="index2.html" class="">[汉服资讯]不会吧不会吧，现在还有人认为汉服发展不起来？</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index2.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>3</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index4.html"><img src="./img/zx4.gif" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index4.html"><span class="fs-12">汉服文化</span></a></div>
                      <h2><a href="index4.html" class="">[发型教程]夏季清凉汉服发型教程(一)</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index4.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>9</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index3.html"><img src="./img/zx3.jpg" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index3.html"><span class="fs-12">汉服咨询</span></a></div>
                      <h2><a href="index3.html" class="">[汉服资讯]冰清夏凉款汉服伴你欢度盛夏</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index3.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>3</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index5.html"><img src="./img/zx5.png" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index5.html"><span class="fs-12">汉服咨询</span></a></div>
                      <h2><a href="index5.html" class="">[汉服资讯]梦回汉唐，汉服网带你欣赏洛裳华服</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index5.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>8</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index6.html"><img src="./img/6.jpg" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index6.html"><span class="fs-12">汉服文化&nbsp;汉服百科</span></a></div>
                      <h2><a href="index6.html" class="">[汉服百科]汉服网教你开如何一家汉服实体店</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index6.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>8</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index7.html"><img src="./img/7.jpg" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index7.html"><span class="fs-12">汉服百科&nbsp;汉服资讯</span></a></div>
                      <h2><a href="index7.html" class="">[汉服资讯]曹县出品敦煌壁画联名汉服</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index7.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>8</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index8.html"><img src="./img/8.jpg" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index8.html"><span class="fs-12">汉服百科&nbsp;汉服资讯</span></a></div>
                      <h2><a href="index8.html" class="">[汉服资讯]喜迎端午，京学教育举行汉服云诗会</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index8.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>8</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index9.html"><img src="./img/9.jpg" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index9.html"><span class="fs-12">汉服百科&nbsp;汉服资讯</span></a></div>
                      <h2><a href="index9.html" class="">[汉服资讯]演员徐娇创立改良汉服品牌</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index9.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>8</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="zixun-neiron">
                <div>
                  <div id="zixun-1" class="pad-top-8 pad-right-8 pad-bottom-8 pad-left-8">
                    <div class="bor-rd-5">
                      <a href="index10.html"><img src="./img/010.jpg" alt="hf" class="img-fit bor-rd-5"></a>
                    </div>
                    <div id="zixun-2" class="mar-left-16">
                      <div><a href="index10.html"><span class="fs-12">汉服百科&nbsp;汉服资讯</span></a></div>
                      <h2><a href="index10.html" class="">[汉服资讯]郑州宝妈宝爸身穿汉服地摊卖货</a></h2>
                      <div>
                        <ul class="fs-12">
                          <li><a href="index10.html">
                              <img src="./img/user.jpg" alt=""><span>&nbsp汉服网</span>
                            </a></li>
                          <li>发布:<span>5月前</span></li>
                          <li>喜欢:<span>0</span></li>
                          <!-- <li>♪:<span>0</span></li> -->
                          <li>👁:<span>8</span></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <div id="zhuzixun-neiron-1">
            <div id="zixun-neiron-1">
              <div class="bor-rd-5">
                <div id="zixun-neiron-1-1" class="pad-right-10 fs-14 pad-left-10 pad-bottom-14 pad-top-14">
                  <p class="mar-bottom-10">嗨！朋友</p>
                  <p>所有的伟大，都源于一个勇敢的开始</p>
                </div>
                <div class="pad-right-10 pad-top-10 pad-left-10 pad-bottom-10">
                  <button class="bor-rd-5 pad-bottom-8 pad-top-8 pad-right-16 pad-left-16">登录</button>

                </div>

              </div>
              <div id="zixun-neiron-1-2" class="mar-top-16">
                <div id="zixun-neiron-1-2-1" class=" bor-top-left-rd-5 bor-top-right-rd-5">
                  <h2 class="fs-14 ft-w-300 pad-bottom-16 pad-top-16 pad-left-10">🌞文章聚合</h2>
                </div>
                <div id="zixun-neiron-1-2-2" class="bor-bottom-left-rd-5 bor-bottom-right-rd-5">
                  <div>
                    <p>[发型教程]漂亮小仙女一学就能会的发型教程</p>
                    <p>2020/05/23</p>
                  </div>
                  <div>
                    <p>[汉服知识]你知道如何把穿过的汉服如何整理收纳吗？</p>
                    <p>2020/05/23</p>
                  </div>
                  <div>
                    <p>[美女] 大明风华</p>
                    <p>2020/05/23</p>
                  </div>
                  <div>
                    <p>[美女]灯笼浓妆花样头饰唐代红色齐胸襦裙</p>
                    <p>2020/05/23</p>
                  </div>
                  <div>
                    <p>[美女]清纯淡妆樱花齐胸襦裙采桃少女</p>
                    <p>2020/05/23</p>
                  </div>
                  <div>
                    <p>[美女]君埋泉下泥销骨 我寄人间雪满头</p>
                    <p>2020/05/23</p>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

 3.2、详情页

相关代码：

    <div id="neiron" class="mar-bottom-16">
      <div
        class="neiron-1 bor-bottom-left-rd-5 bor-bottom-right-rd-5 bor-top-left-rd-5 bor-top-right-rd-5 pad-top-10 pad-bottom-10">
        <div class="neiron-tou">
          <div class="neiron-1-1 pad-right-10 pad-left-10 ">
            <a href="#" class="pad-bottom-5">汉服百科&nbsp;&nbsp;汉服咨询</a>
            <h1 class="mar-bottom-10">[汉服资讯]不会吧不会吧，现在还有人认为汉服发展不起来？</h1>
          </div>
          <div class="neiron-1-2 mar-bottom-30">
            <ul class="mar-bottom-10 pad-right-10 pad-left-10 ">
              <li>五月前</li>
              <li>喜欢:0</li>
              <li>浏览:318</li>
            </ul>
            <div class="neiron-1-2-1 pad-left-10 pad-right-10 pad-top-8 pad-bottom-8">
              <div>
                <img src="./img/user.jpg" alt="" class="bor-rd-3">
                <span>汉服网</span>
              </div>
              <div class="neiron-1-2-2">
                <button class="pad-left-10 pad-right-10 pad-bottom-5 pad-top-5 bor-rd-3">+关注</button>
                <button class="pad-left-10 pad-right-10 pad-bottom-5 pad-top-5 bor-rd-3">私信</button>
              </div>

            </div>
          </div>
        </div>
        <div class="neiron-neiron  mar-bottom-26">
          <div class="neiron-1-3 pad-right-10 pad-left-10 ">
            <h2>1、2013年11月，西塘汉服文化周举办，由著名的作词人方文山发起。2018年农历三月初三，第一届中国华服日的举办。
              此外，11月22日是汉服出行日，全国各地都会有无数的汉服爱好者走在街头。</h2>
            <h2>这三个是目前与汉服相关的最具代表性的活动，每年如期兴行。</h2>
            <h2>还有其他的地区活动以及景区出台的优惠，可以说一年间，与汉服相关的活动，超过十个。</h2>
            <h2>另外，有一个关于汉服销售的统计，在淘宝，2019年汉服市场规模超过20亿元，并且保持着每年150%左右的增速。</h2>
            <div><img src="./img/04.jpg" alt="" class="bor-rd-5"></div>
            <h2>我举的这些，想说的只一点，汉服发展不可能出现中道而废，戛然而止的情况。</h2>
            <h2>前不久，有人反对我的观点，说你这样想，汉服发展不起来。</h2>
            <h2>话得拆开来，先是他不同意我的话，认为后果是汉服发展不起来。</h2>
            <h2>我的第一个念头，不是观点没有被认同，而是奇怪，这个人活在2010年，还是2003年。</h2>
            <h2>实在很难相信，2020年还有人觉得，对汉服提出一个观点，等于汉服发展不起来。</h2>
            <h2>现在的汉服市场之大，参与者派别之多，不是几句话能概括的。</h2>
            <h2>一个人若认为“只有按照我想的这样，汉服才能发展”，说明他根本不了解汉服的现状。</h2>
            <h2>现今的情况，既不能让某个年销量破亿的汉服商家消失，也无法说服无数的汉服爱好者放弃汉服，也阻止不了汉服新人入坑，供需一直在扩大的情况下，汉服的前景一片光明。</h2>
            <div><img src="./img/05.jpg" alt="" class="bor-rd-5"></div>
            <h2>2、汉服的发展是相当曲折的。
              早期的汉服同袍认为汉服不同于其他任何民族服饰，不但要严肃的穿它，认清它的样子，还要学习各种古代知识。</h2>
            <h2>当时的推广过于慷慨激昂，如“同袍”一词的来意，“岂曰无衣，与子同袍”，像上战场充满斗志，但对路人来说是激进的跟邪教一般</h2>
            <h2>所以汉服考据党、明粉、极端化的汉服党、汉服黑、还有诸多忠装反、反装忠的路人形成一种混战局面。</h2>
            <h2>当时我的看法像前面这位说的，汉服发展不起来，瞧瞧这不可开交的局面，没戏了。</h2>
            <h2>查到的资料显示，09年前汉服推广走到了困境，具体原因我不知，想来跟吵得太凶有关系。</h2>
            <div><img src="./img/06.jpg" alt="" class="bor-rd-5"></div>
            <h2>不过，09年之后有了转折，淘宝崛起。我一直觉得淘宝对汉服的推广意义重大。</h2>
            <h2>之前无非是一些同袍自制汉服，发各种汉服照到论坛推广，普通人多接触不到，像一个空中楼阁，自娱自乐</h2>
            <h2>而淘宝发展后，选择线上购衣的人越来越多，汉服商家在淘宝积极谋求发展。</h2>
            <h2>商家是逐利的，为推广衣服，为吸引潜在的消费，他们能动用一切听上去不错的文案，打出价格战，当然也能把汉服包装的更好，跟市面上任何一件花哨吸睛、价格又便宜的时装一样。
            </h2>
            <h2>不是汉服同袍改变了推广思路，而是商业资本的注入促进了汉服发展。知名的汉服大店几乎都在淘宝。</h2>
            <div><img src="./img/07.jpg" alt="" class="bor-rd-5"></div>
            <h2>越来越多的人发现汉服挺好看，又容易买到。淘宝的返图评价，以及各种开箱测评视频使得汉服的使用人群逐渐扩散开来。</h2>
            <h2>如今又有抖音快手等各种短视频APP，可以说只要你无意间看了一个汉服相关内容，接下来到处都会推荐你关于汉服的东西。</h2>
            <h2>当下的大数据推荐就是在刺激你消费。除非你从骨子里厌恶汉服，把它百分百屏蔽，否则一定能感觉它无处不在，哪怕你一直认为自己不需要汉服，也最终产生念头，可以买一件随便穿穿，拍拍写真。</h2>
            <h2>这几年汉服发展甚至供不应求，出现一个热词“汉服，打钱”。</h2>
            <h2>只要是汉服就容易有人买单。只要做的衣服看起来像汉服，或者形制是对的，但版型和做工很差，依旧有人要。</h2>
            <h2>汉服已经服装界的一个红利。</h2>
            <h2>我不止一次的发现，自己关注了六、七年，一直卖时装的服装店在当下推出汉服，虽然款式有争议，恰恰证明了汉服的影响力。在十年间，它们卖了形形色色的衣服，可能创店时连“汉服”一词都没听过，现在却开始出品汉服。
            </h2>
            <h2>3、除了商家营销，还有时代下大众生活水平的提高。</h2>
            <h2>我曾在超市听到一个母亲吐槽自己的初中女儿，说她人胖，还喜欢买汉服，汉服都很宽大，穿起来更肥了。</h2>
            <h2>听上去是抱怨，其实是母亲的爱。经济能力让母亲没有阻止女儿买她不理解的衣服。</h2>
            <h2>所以，时代的富裕，让90后，00后成为汉服消费的主力军。</h2>
            <div><img src="./img/08.jpg" alt="" class="bor-rd-5"></div>
            <h2>迅速发展的汉服像时尚潮牌一样，理念变革也非常快。</h2>
            <h2>过去统一的汉服，形成了不同的风格，有的人偏日常混搭，有的人偏复古。</h2>
            <h2>十年前没人会推荐的汉洋折衷（汉服与西洋古典单品结合混搭）在19年也形成了潮流，穿汉服可以烫发扎马尾，配玛丽珍鞋。</h2>
            <h2>时下仍有人认为穿汉服应该配簪发类发饰和布鞋，其他的搭配如英国的礼帽，他实在看不习惯。</h2>
            <h2>如果他说汉服这样变得不伦不类，汉服不能这样，会失掉传统面目。在当下，只能作为一家之言。</h2>
            <h2>汉服发展今天，依旧没有杜绝“吵”。</h2>
            <h2>汉服群体分了好凡个类。有的人只在意哪款汉服更仙，拍照更好看。不在意汉服形制，甚至山正不分。</h2>
            <h2>另一些人同样专注外在穿搭，分享汉服的日常搭配，审美更高级，拒绝山寨和形制错误的汉服。</h2>
            <h2>还有人仍希望通过汉服引导大众关注古代文化，认为衣服不重要，后者才是关键。</h2>
            <h2>汉服的主次排位和高低贵贱，使它每次辩论都相当激烈。</h2>
            <h2>但是，一个事物无人问津才是惨烈的，争论中前行是向上的状态。汉服早年的很多观点都在时代中被抛弃了。</h2>
            <h2>我一直都有说，时间会给出答案。</h2>
            <div><img src="./img/09.jpg" alt="" class="bor-rd-5"></div>
            <h2>上一代人从来就没听过汉服。而现在的小孩子不但听过，还可能穿过汉服。</h2>
            <h2>小孩子只要他知道汉服两个字，哪怕他长后后不穿汉服，对服饰的记忆，就像他穿过的任何现代时装等，会形成一个固定印象。更何况不可能所有小孩子长大以后都不喜欢汉服。</h2>
            <h2>汉服像其他衣服成为时不时出现大众眼前的衣服，意味着它已经普及了。</h2>
            <h2>当然有人认为：我想像的汉服复兴不是这样的，我希望人人都穿汉服，满大街如同一个古风江湖一样。</h2>
            <h2>或者认为：大家穿的轻飘飘的又不方便的汉服，以前是贵族穿的，先把《清明上河图》里的平民汉服普及开来再说。</h2>
            <h2>这些都只能算当下汉服大势中的个人观点，就像最开始提的有人不赞同我的观点。是与否年年存在，但阻碍不了汉服的发展。</h2>

          </div>
        </div>
        <div class="neiron-neiron-1 pad-left-10 pad-right-10">
          <div class="neiron-neiron-1-1 pad-right-20 pad-left-20 pad-top-20 pad-bottom-20 mar-top-20">
            <div>
              <p>点点赞赏，手留余香</p>
              <div>
                <button class="pad-right-16 pad-top-8 pad-bottom-8 pad-left-16 bor-rd-3">赞赏</button>
              </div>
            </div>

            <div class="mar-bottom-10 mar-top-20">
              <span>还没有人赞赏，快来当第一个赞赏的人吧</span>
            </div>
          </div>

        </div>
      </div>
      <div class="neiron-2">
        <div class="neiron-2-1 bor-top-left-rd-5 bor-top-right-rd-5 bor-bottom-left-rd-5 bor-bottom-right-rd-5">
          <div class="neiron-2-1-1 pad-top-14 pad-bottom-14 pad-left-10 pad-right-10">
            <p class="mar-bottom-10">嗨！朋友</p>
            <p>所有的伟大，都源于一个勇敢的开始</p>
          </div>
          <div class="neiron-2-1-2 pad-left-10 pad-right-10 pad-top-10 pad-bottom-10">
            <button class="pad-top-8 pad-right-16 pad-left-16 pad-bottom-8 bor-rd-3">登陆</button>
          </div>

        </div>
        <div
          class="neiron-2-2 mar-top-16 bor-top-left-rd-5 bor-top-right-rd-5 bor-bottom-left-rd-5 bor-bottom-right-rd-5">
          <div class="neiron-2-2-1">
            <div>
              <h2 class="pad-top-12 pad-bottom-12 pad-left-10 pad-right-10">☀文章聚合</h2>
            </div>

            <ul>
              <li>
                <p>[汉服形制]汉服的基本款式 - 直裰</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[汉服形制]汉服最常见的结构体系 - 饰件</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[汉服资讯]“唐代仕女”现身杭州西湖景区 重拾“以 胖为美”的审美观</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[汉服网]其余红妆-中国古代汉族女子妆容之七</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[汉服百科]汉服最全的保养与洗涤技巧，你知道吗？</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[美女]一瞬芳华</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[汉服资讯]汉服商家联合微店Park打造西湖文化节</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[美女]严冬浓妆刺绣紫蓝色汉服齐胸襦裙</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[美女]秋日游园</p>
                <span>2020/03/25</span>
              </li>
              <li>
                <p>[汉服文化]明末一代红颜柳如是，站在历史肩膀上的纯爷们儿</p>
                <span>2020/03/25</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

总结

以上就是本次项目的全部内容，需要交流或者获取代码请关注微信公众号：coding加油站，获取