前端之路，零星启航

---

前言

学习前端已经两个周了，从刚开始的基本语法到现在的精确布局，进步效果很明显，成就感也很大。前端之路，你我同行，希望各位小伙伴很够每天进步，每天快乐！

---

一、零与整

知识从来都是零星碎点堆积起来的，吴昊鲲说过："匀速即极速。"每天的一点点进步都是量变到质变的积累。零与一之间的是无数的努力和代码的修改。

1.零

单从网页来说，要是做一个简单的页面，那自然没啥说的，写多了直接下手也没问题。但加上复杂的样式和特效，直接写就显得有些吃力了。当然，小白们还是要从零开始的。基础不牢，地动山摇。

当无数个零星碎片无缝拼接，展现的自是一页炫酷。

以下案例是伪类与背景简单结合的效果，鼠标移动到上面会产生左侧效果。

2.整

就从网页布局来说，每个网页都是无数的大大小小的盒子装起来的，盒子里面是盒子，盒子外面也是盒子。我们要精确到每一个小盒子的内容，也要照顾大盒子的位置。每一步，每一块，相结合，最终才能写好一个完整的网页。下图每个框就是盒子，里面的部分也是由盒子组成的。

二、布局网页的思路

1.全局之下，网页分块

我们在写网页的时候看着花花绿绿的页面，总是不知道该如何下手，那么，请你不要乱。用以下的方法建议尝试一下。
（1）尝试浏览整个页面，找到比较明显的大模块。
（2）将每个大模块分开，单个制作。
（3）将每个模块融合，成为大篇布局。

2.部局之中，优化细节

当我们有了总体的大结构和全局观之后，我们就可以考虑细节方面的问题了。
（1）盒子之内再分盒子，模块结构要搞清楚。
（2）图片，链接等元素要注意属性，块级、行内要分清。
（3）边距、定位谨慎用，注意网页缩放布局打乱问题。

总结

这些都是小编在网页制作过程中总结的布局思路，大家可以参考采用，如何问题，欢迎指正，非常感谢大家的支持，也感谢前端学习带给我的充实与快乐，大家加油！