关于网页制作中div的问题

我来给简单的你描述一下吧，这都是我个人的体会，未必全对呵。

网页设计最主要的是布局。

当然网页设计有很多的知识点，但从一个静态的网页开始，网页最关键的一个知识点应该是布局，因为网页制作不同于Word，它不可以随心所欲的在任意位置、任意方式添加任意的元素，比如文字、图画、动画等。

于此同时，早期网页制作时，你也不方便进行文字格式的控制，字体的大小、颜色、行距等等。

这主要是因为网页制作的HTML语言过于单一的原因。于是，后来就引入了CSS，CSS是一种层叠样式表语言。简单的说，它丰富了网页制作的格式。

举个简单的例子，CSS可以精确到点来控制字体的大小、行距，这是从前很难实现的。

再一点，布局，从前我们都是用表格来布局，本来，这是一个很好的思想，看过一些日韩的网页源码，人家将表格布局发挥到了极致，用表格布局实现了很多意想不到的布局效果，他们一般先用Photoshop设计出网页的整体效果，然后再把元素分解，进而通过表格组合成最终的网页，这种设计理念虽然比较费工时，但整体上很完美，值得我们借鉴。

但表格布局也有它的局限，比如下载速度慢，不能实现网页样式的转换，比如网站的改版就得重新全部网页代码。

同时，人们也需要表达更炫的页面，这时，就引入了DIV的理念，也就是“层”的理念，这是一个很疯狂的想法。

从前层还只是平面设计的一个概念（具体就不再描述了），现在引入到网页设计之中，自然需要进行一些再加工。

首页，网页的层并不是任意和随心所欲的一个层，它需要你事先规划好，这个层定位在哪儿，多宽多高，有什么样的样式，与其它层的位置关系，是叠加还是绕排，等等，都需要事先想好。

这是一个需要整体想象和周密计划的工作，所以，现在看到的CSS+DHTML网页都还是比较简单的。因为如何太复杂，工作量就太大了。

字打的太累了，给你举个例子，你慢慢分析先，http://www.armstrong.com/home/us/en/

将这个网站源码打开，一点点分析人家的做法，会受益的，估计有一周的时间，你会明白很多的。

现在的标准就是采用DIV+CSS来布局网页

DIV顾名思义就是层。

层其实非常简单，可以有很多样式。所以关键的地方你要先学习CSS样式。

去http://www.w3cn.org看看

ul,
div,
li{margin:0;
padding:0;}
body
{
font-size:
12px;
color:
#000;
margin:0
auto;
padding:0;
}
因为ul
li有默认的边距，一般都设置为0，再在需要时设置，以便所有浏览器能够兼容
ps:别在body里设宽度