刚开始看到一个网页的时候,我是一脸懵逼的感觉无从下手,但是自从看了江哥的布局后逐渐知道拿到一个网页先从上到下、从外到内的分析一个网页的布局,分header部分、content部分、footer部分、有时候还有导航部分,这样一个网页就从上到下的骨架就布局完成了。然后再从外到内的给每一块进行布局。分几个div来进行左浮动或者右浮动,最记得江哥的一句话是看到一个导航栏想都不要想直接来个ul+li快速形成布局,最后只差往里面填充内容了。
从上到下三大块布局完成之后,每一块里面的布局就稍微感觉有点棘手,因为文字老是不能按照自己想要的居中、文字之间也没有间隙啊。跟着江哥学习之后使用text-align:center,内边距以及外边距啊还有行高啊就解决了我的问题啦,填充内容之后有些小盒子老是对不齐、学习之后知道可以使用定位流来对元素进行微调,还有一个重要的问题是当用户缩小网页的时候如何使得网页里面的图标也跟着缩小,学习之后可以使用相对定位跟绝对定位结合起来的思路来解决这个问题。还有做项目要注意一些东西,比如说先清除页面的默认边距,清除标签的默认样式,将一些共性的东西提取出来,减少冗余代码,提高代码质量。
刚开始学习的时候觉得这个好难的感觉,第一次学一个网页还是一脸懵逼,但是当我跟着江哥一步步敲代码后,慢慢的可以独立的做出一个网页,再回顾学习的内容的时候就也留意到了之前没有留意的内容很好的解决了遇到的问题。多总结,多实践,多敲代码,巩固基础,跟着自己的节奏,努力努力再努力。
最后,祝福小码哥越来越好,一直被模仿,从未被超越。
学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)