css网页布局心得,关于div+css的网页布局的心得

原标题：关于div+css的网页布局的心得

对于前端的学习，从事的我还是有些心得的，毕竟学了很久的html、css和java。

本文我想简单的讲下关于div和css的网页布局。整个写作过程，内容安排，都是环环相扣的，也是一个历史经验的归纳总结。

如何怎么做一个简易的网页，回顾其步骤：

1、新建站点，在css文件中添加居中代码。

2、打开index.html，按照网页的六个组成部分，依次创建logo层、导航层、banner层、内容层、友情链接层、版权层

3、在firework中切图，在firework中，打开之前做好的网页效果图psd源文件。按照6大组成部分，进行切图。作为初学者，可以先不考虑网页中的文字。(关于如何切图下节讲)

4、在纸上，记录下每一部分宽高具体的尺寸。

5、通过css控制面板，对每个层进行定义，如它们的宽、高，边框、背景、填充、边界等。定义的时候，必须定义左浮动。

6、预览其效果，感受其作用。

7、看其效果，对应的去看代码及其含义。

相信有很多人会说，你说的这些我都明白，但是做的时候还是力不从心。 这就是不动手的原因。

定义明白了，思路理清了，这学习就事半功倍，从而学习的目的就达到了。我一直说，做好一个网页如果给10分，那么理清思路就已经得6分了。 想当年，我学习的时候，就是因为不知道做网页的思路，花费掉了两年多的时间。真正去做，用的时间实在是太少了。思路理清楚了，克服细节的问题，找百度就好了。

学习代码最重要的一点就是动手，代码看的再多，写不出来，那么知识就不是你的，这个简单的道理我们应该都懂。返回搜狐，查看更多

责任编辑：