1.浮动时记得清除浮动
在没有清楚浮动的情况下,会出现跑格。页面会发生变形。
2.有效利用padding和border
边界重合时,使用padding和border可以避免,可以防止上下div的“塌陷”,合理的控制上下div的间距。
3.记住“TRBL”写法
border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left. 所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。
4.不是零的值,都要指定单位
CSS需要对每个font,margin等各种值指定单位。
5.解决IE6的浮动元素的双倍边距问题
对一个div设置了float:left 和 margin-left:100px 在IE6中,这个bug就会出现。只需要多设置一个display就行了。
6.!important;
如果实在没有办法解决一些细节问题,可以用这个方法.火狐对于”!important”会自动优先解析,IE则会忽略。
网页设计html+css代码编写注意事项,希望能与大家多多交流,谢谢!