想不到吧，今天梅开二度，乘胜追击就把剩下的也写了，其实剩下的已经不难了，早点完成了却牵挂吧，省得越拖越久，具体实现样式如下：
以上主要分为两个部分，第一部分是美食导航区域，第二部分是底部链接区域，也就是给部分样式加了浮动，连定位都没有用到。但是越简单的布局越要重视，如何能够用最简单的代码写出来才是真本事。这两部分用的最多的就是dl、dt和dd列表标签，但并不局限于使用这些标签，例如span或者ul、li标签都可以实现，说实话我对列表标签并不是很熟悉，完全是参考官方样式结构写的，所以我也不能说列表标签一定优于其他标签，就当复习HTML基础了吧。
1. 美食导航
首先可以简单地将该部分分为上下两个部分，上面就是美食导航标题，下面则是内容区域，而内容区域又可以分为结构样式相同的三个小部分。对于上面标题部分就不用多说了吧，一个span就能搞定，也不需要花里胡哨的样式；然后是下面的内容区域，上面说了这里使用列表标签dl、dt和dd实现的，并且需要给dt和dd中的元素都添加浮动是他们能够横向排列，对于每一个dd块设置固定的宽度和高度，并且内部文字排列方式左对齐，这样就能实现文字的上下对齐了。另外需要注意的是每个dd里面的元素都是一个链接，因此需要在内部包裹一个a标签使其能够进行跳转。至此将第一小部分完成，将结构样式复制两份并修改内部文字就可以。
2. 底部链接
这部分也不难，参考官网学习的技巧，注意到链接部分是按列排放的，从左到右一共五列，对于每一列的宽度可以不用设置多少px这样的固定值，而是可以使用百分数代替，这里就是设置width: 20%;，能够使整个区域内部每一列平分整个宽度。然后还是用列表标签dl、dt和dd来实现每一列，还是老样子在dd里面包裹a链接实现点击效果。剩下的就是将复制粘贴每一列，并依次修改好内部文本信息就可以。
写到现在已经将整个静态页面完成了，我目前是完全自学前端，有点好奇，比如今天实现的这个底部链接部分，实际开发中应该不是一个一个dd标签在那里手动复制修改对应文本信息的吧，我只到美团是基于React开发的，应该是可以用数组遍历实现的，但是让我现在一个人用组件化搭建这个页面还是有点吃力的，能感觉到自己整个逻辑还没打通，所以还是需要去实习锻炼一下自己的，熟悉一下正经开发下是怎么搞得。
代码的话我就放到下一个文章里面吧，写的可能有点粗糙，主要在给类样式命名的时候有点不知所措，有的名字起的太长了...甚至有次还因为HTML里的类名和CSS里的类名没对上而导致样式一直加不进去，纳闷了好久才发现类名不一致，被自己气笑了，以后一定要注意不要犯这种低级错误了。好在能表达个意思。代码还有很大的优化空间，不过基本的效果基本上都能实现了，还是要表扬一下自己辛苦了。如果有什么错误欢迎指正，不胜感激！
接下来的学习计划是熟悉一下Vue吧，之前学的是React，但是找了个实习人家建议我学学Vue，得了，老板说啥就学啥吧，都学学总没啥坏处。并且可以的话再自己优化一下这个页面，也加一点轮播图效果啥的，不至于现在看着这里low，目前计划就是这样了，主要临近毕业确实太忙了，总不能学前端导致延毕吧，不至于不至于...
