给前端小白一段深情的告白

为什么选择前端？

大学即将毕业，深感社会各行业的压力，想要高薪，想要更好的生活，当然更主要的是程序的未来发展前途，再加上大学专业与程序比较近，逻辑思维能力感觉还行，因此踏上这条“不归路”

初学前端的感知：

1.相信很多小白和我一样：在没有接触前端的时候，感觉这个代码好高大上啊，看起来真难；

2.然后看看自学视频，听听老师们的讲课：原来代码就是各种标签组成的啊，就这么点标签那我全部搞会了不就可以了吗？

3.等到自己实际写界面项目的时候就会发现：怎么各种稀奇古怪的bug？想不通啊！明明这个样式这么写出来应该会实现的，可是问题出在哪儿了？抓头中…

盒模型的自我感觉：

学习前端代码已经有8个月了，对于前端，简单点来说：就是你能看到的，在电脑、在手机、在显示屏上面能显示出来的画面，就是我们需要用代码实现的效果，无论是静态页面、动态页面。交互效果，只要是页面显示，那就归咱们写…当然，我只是个前端入门不久的后辈，不敢说过多的东西！凡事都有基础，就拿一个静态页面来说，这个页面的构成是什么？那就是你所看到的图片也好，文字也罢，装饰也行，但是你无论怎么看，这个页面总不会是稀里哗啦乱七八糟的一片，对吧，你仔细观察就会发现，这个静态页面分为各个部分，分为各个板块，就拿下面这个页面来说：

给他套上各种框框之后，是不是发现这个页面的结构非常明显，再一看，这些四四方方的小方块，是不是看起来就像是一个个的盒子，先是最外面的一个大大的盒子，大盒套小盒，小盒套小小盒~~那么是不是可以这么定论：只要我把我想要的盒子放在合适的位置，把盒子里面的东西，放在该放的位置，那么这个页面就完成了？

目标确定了，该怎么实现能？你对着浏览器说一声：嘿，你给我去那边~！然后人家盒子就会乖乖听你话吗？不存在的，那么浏览器和人脑之间就需要一个桥梁——代码。这就是需要我们操作的东西了，代码…说难不难，说易不易，唯手熟方能生巧！比如说这个大盒子，如何放在中间？就需要margin居中对齐，那么大盒子里面套的小盒子如何让他们排列的更加好看，更加舒心，留白更加科学？就需要margin。padding啊这些方式让他出现在该出现的位置！这就是盒模型。

说了这个盒子的动向，说了他该怎么实现，那必须得说说我认为这里的难点也是重点，那就是浮动，子元素浮动，那么靠子元素支撑的父元素就会塌陷，影响布局。还有就是盒子的边框border的计算以及应用，再然后就是小盒子内部文字的距离，行高计算…

总之一句话：会而不难，想要会，唯有手熟尔，加油——献给我们这些小白