网站制作布局从哪些方面开始

站长小二 · 发表于 2012-08-21 11:37:15

　　1、ul：默认的ul的margin和padding不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形，改成： ul{margin:0px; padding:0px;}

　　2、img：

　　①这里牵涉的不同浏览器的问题，ie6里显示的图片height总是要大于准确值，这里就需要我们记住下面这一点 img{ display：block}；

　　②页面中最好不要用大块背景，能平铺的要平铺，否则加载起来会很慢，也不利于以后的优化和扩展，当然也有些大的网站，现在都尽量把背景统一放到一张图片上，用background-postion来取得背景。

　　③最好的格式就是gif格式，即确保了背景透明，在ie6中又不会有阴影，有时gif图片会有锯齿，这就需要我们保存成web格式，设置一下matter，matter的值用背景颜色的值越相近越好。

　　3、overflow：有时一些公司的注册协议都是很长，这就用到了overflow，可以把div的style里加上这个：overflow：auto

　　4、float：有时候一些div会挤到页面的上方，这里可能就是浮动引起的，可以加上clear：both。

　　5、div：height等于1px的div，在ie6中可能并不是1px，在这个div的style里加上font-size：1px;这样就ok了。

　　6、id和class：当一个样式在页面中多次使用时，不要用id，要用class，要使用is的时候，样式最好不要用id，因为id要留给js使用。

　　7，link：。link：link{}、。link：visited{}、。link：hover{}、。link：active{}。有一点，visited与hover的顺序一定不能倒换，否则ie6中会大大的问题。

yanzi19910102 · 发表于 2012-08-21 11:41:15

楼主你很棒，加油。。。。。。。。。。。。

会更好 · 发表于 2026-08-06 22:32:52

蹲了这么久，终于看到有价值的讨论，支持一下！

q475364102 · 发表于 2026-08-07 21:38:54

说得很实在，没有夸大其词，这种真实分享太难得了

1234876 · 发表于 2026-08-07 23:19:21

刚好遇到类似问题，看完这个帖子心里有底了

●０● · 发表于 2026-08-08 09:41:09

完全赞同，我也是这么认为的，英雄所见略同～

xinghaixf027 · 发表于 2026-09-11 22:47:58

分析得很透彻，很多细节都说到点子上了～

西万路小混混 · 发表于 2026-09-20 04:56:33

楼主辛苦了，整理这么多内容，必须点赞收藏

参与就好 · 发表于 2026-09-20 10:42:14

这个思路很新颖，打开了新世界的大门，谢谢分享

amy328 · 发表于 2026-09-20 18:59:02

学习到了，之前一直没注意过这个点，受教了

		自动登录	找回密码
密码			加入怎通

[站长八卦] 网站制作布局从哪些方面开始