第一次仿写小米官方首页总结

自学前端有一个多月了，学完HTML+CSS基础部分也有一些时间了，于是就想着通过仿制网站来掌握和提高基础技能。
仿制页面是一种不错的学习方式，通过敲代码就能发现很多存在的问题，加以改进，并总结成自己的东西。
这次选的网站是小米官网首页，它的整体布局非常工整，标准流+浮动就可以解决大部分布局了，挺喜欢这种风格的，比较适合练手。
总共花了两天半的时间，学习的时候看到视频里老师几分钟就可以制作一个模块，什么时候也可以达到这样的水平呀。

目标

    和原来的页面一模一样，不会写的HTML标签和CSS属性可以查阅文档和资料。

技能水平

    HTML5+CSS3基本布局，不涉及JavaScript的知识（基础布局掌握后，加上JS再重写一遍）。

心得

1. 加深了一些HTML标签语义的理解，用的比较多的div标签、a链接标签、列表标签、标题和段落标签，span、i 等内联标签也有用到，表单标签和表格标签这次用的不是很多。
2. CSS样式属性也是主要的一块，格式的书写、选择器的使用、各属性的掌握程度和书写顺序也值得注意，这都关乎写出来的代码是否优雅。
3. 盒子模型、定位、浮动、伪元素选择器就用的比较多了，使用起来也得心应手。
4. 还有字体图标，不过精灵图用到的不多。
5. 这次在仿制小米首页的时候，体会更深的是开发人员对于CSS的三大特性（层叠、继承、优先级）的使用，这一块我还可以多深挖一下，可以减少很多不必要的