关于div+css在网页中的布局问题，我一直没有弄明白这个问题哦！谢谢了啊！

Question

*{margin:0px auto;padding:0px;}
body{color:#000000;text-decoration:none;font-size:12px;}
img{border:0px;}
a:visited{text-decoration:none;color:#000000;}
a:link{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#FF0000;}
ul,li{margin:0px;padding:0px;list-style-type:none;}谁帮我解释一下啊？特别是那个*{margin:0px auto;padding:0px;}和ul,li{margin:0px;padding:0px;list-style-type:none;}要详细点啊！急啊！谢谢了啊！

Answer 1

*{margin:0px auto;padding:0px;}是全局没有边距，紧贴布局。还有就是为了兼容各个浏览器！
网页整体颜色为黑色，没有下划线，文字大小是12像素。
图片没有边框。
a:link,a:visited,a:hover{text-decoration:none;color:#000000;}可以这样简写，要尽量减少代码量，还有要按照a:link,a:visited,a:hover,a:active这个顺序编写.a总共有四种状态：a:link 连接平常的状态 a:visited 连接被访问过之后 a:hover 鼠标放到连接上的时候 a:active 连接被按下的时候.a:visited{text-decoration:none;color:#000000;}
a:link{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#FF0000;}的意思是连接平常的状态、连接被访问过之后、 鼠标放到连接上的时候都是一样的，无下划线和颜色为红色。
ul,li{margin:0px;padding:0px;list-style-type:none;}意思是ul li的边距都为0.无项目列表符号。你这个逗号是集体声明，网页里面的所有ul和li都使用这个样式。
margin:0px auto;是水平边距都为了，高度自适应！！

Answer 2

margin:0px auto;用来设置水平居中。0px上下边距为0px，左右为自动，即为平均，这就设置为水平居中了。
padding:0px;用以说明内边距全部为0px。
margin:0px;padding:0px;是设置内外边距为0px。
list-style-type:none;设置列表项目符号为空，即没有列表项目符号。

Answer 3

*{margin:0px auto;padding:0px;}和ul,li{margin:0px;padding:0px;list-style-type:none;}

首先这行css样式是针对所有元素的因为选择器是“*”星号的选择器表示是页面所游元素，margin:top right bottom left; 这是margin的四个值表示的意思，如果只有两个值得话就是margin:top|bottom right|left 所以margin:0px auto 表示的意思就是本框（外补白）向上0个像素，左右自动（也就是自动计算宽度【居中显示】），padding的话就是内补白了，ul,li 的话是两个选择器，表示页面所有的ul跟li都是那个样式 list-style-type表示li的前面的样式，就是像一行文字前有个小点或者小方格。

Answer 4

margin:0px auto; 是上下为0，左右自动，这样就会居中，不过我的习惯是写成
*{margin:0 ;padding:0;} 其他的再在下面设置。
ul,li{margin:0px;padding:0px;list-style-type:none;} 也一样，在ul,li这样的列表布局里面吧margin padding全部设定为0，列表前面的样式就是list-style-type 设为 无（none）这样对接下来列表布局会比较好控制，因为ul li list-style这些都是自带默认的宽高和样式的。

img{border:0px;}就是图片拉，写在这是所有的图片边框都为0.

a:visited{text-decoration:none;color:#000000;}
a:link{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#FF0000;}
为超链接鼠标滑过、点击、点击后的样式。
text-decoration:none是下划线。这里全部设为空了

Answer 5

*{margin:0px auto;padding:0px;} 是控制整个布局居中显示，类似程序中定义全局变量那种。
ul,li{margin:0px;padding:0px;list-style-type:none;} 是清空ul,li自身的属性。 默认项目符号，会缩进一个tab的在小.

Answer 6

*{margin:0px auto;padding:0px;} 是通配设置，设为外边距和内边距都为0px;
body{color:#000000;text-decoration:none;font-size:12px;} 是设置body（主体）的属性，设字体颜色为黑色，大小为12像素，文字装饰为None；
img{border:0px;} 是图片设置，设图片的边框为0像素；
a:visited{text-decoration:none;color:#000000;} 设置鼠标访问时的样式，文字装饰为空，字体颜色为黑色；
a:link{text-decoration:none;color:#000000;}设置文字连接样式，也是文字装饰为空，字体颜色为黑色；

a:hover{text-decoration:none;color:#FF0000;}设置鼠标经过时的样式，文字装饰为空，字体颜色为红色；
ul,li{margin:0px;padding:0px;list-style-type:none;} 设置 ul 和li 标签的样式，外边距和内边距都为0，文字样式为空；

参考资料：www.yuangl.com