小米官网首页网站

关于使用HTML5，css3，和一些比较简单的JavaScript DOM操作就可以制作一个小米首页网站，

不需要多少技术含量，这是学习前端的第一步，当然我写的代码比较繁琐，但也实现了这个首页，只有肯写，花时间就一定能做到！让我们看看效果：

 

 

 

 这里我用了很多div，span，a和很多css样式布局，最好就是要学习flex布局，flex布局在某些时候能够时候很好的排布效果，尽量不要考虑用绝对定位来布局，这很容易影响后面的布局效果，在使用absolute布局的时候会脱离文档流，这样就不会占用原来的位置，需要定位并且设置层级，那么你在这个使用了absolute布局后写一个兄弟元素，这个兄弟元素就会占用原来没有开启定位的时候的位置，那么就会出现无法布局混乱的问题。

当然我学习前端没有多久时间，所以对于小米官网制作后续的一些细节问题，没有处理，具体等我学完框架再来更新吧，我的代码给一些刚入门的小伙伴还是很有帮助的！

http://链接：https://pan.baidu.com/s/1z0pJ7EWJS0pamRWsbEKJJQ 提取码：nsy6