网页css效果调试技巧

一、页面中多个<div>居中对齐

#container {margin:0 auto;width:950px;position: relative;clear: both;}

上面的样式是最外层div的样式。上面的margin:0 auto;作用是保证页面上元素左右对齐，这里必须加上宽度width:950px;否则margin:0 auto;居中无效。

二、

 

上图中"复制HTML"操作，有可能本来页面代码没有&nbsp;结果复制之后的代码中含有&nbsp;把这个&nbsp;去掉即可。

三、

一进入这个页面，首页背景图片是黄色的，但是当鼠标放在首页上时，调用js改变背景颜色，这时就看不到class="nonce"，

变成

让人误以为是js控制进入页面时首页背景颜色为黄色，找半天找不到，其实是页面上写死的：<li id="0" class="nonce">。