新手学DIV+css布局需要注意什么?

css中加入以下代码：

*
{
margin:0px;
padding:0px;
}

img,button
{
border:0px;
}

其他就要看具体问题具体分析了，学习css还是要从简单的页面向复杂的页面过度。

IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important
下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。

把上面标记记着然后调整直到页面合适为止

不同浏览器主要存在的兼容问题表现在浮动属性(float)，边距属性(margin和padding)上，这两个属性解决了，基本上就兼容各大浏览器了。
一般的，我们通过修改css样式表文件就可以解决兼容问题，你可以看下关于css的hack列表，这张表罗列了所有浏览器在布局上的支持属性，用来解决兼容有一定帮助。
例如，有时候在定义了一个块元素的width属性后，再定义padding的边距时，IE表现会不同。那么通过hack给出的建议，我们可以写：
div {
padding: 0 10px; //定义火狐上的表现
#padding: 0 5px; //定义IE7.0+上的表现
_padding: 0 5px; //定义IE6.0上的表现
width: 500px;
}
也就是说我们通过看hack表可以得出，IE7.0可以解释#符号的属性，IE6.0先解释_符号的属性等等

div {
padding: 0 10px; //定义火狐上的表现
#padding: 0 5px; //定义IE7.0+上的表现
_padding: 0 5p