网页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">。

posted @ 2012-09-03 18:50  唾手可得的树  阅读(183)  评论(0编辑  收藏  举报