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

　　1、ul：默认的ul的margin和padding不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形，改成： ul{margin:0px; padding:0px;}
! o3 O' x' U6 ^* [
$ R" _1 @* d. [, f7 \: V　　2、img：

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

4 O# |  M( `9 }# n6 Y  B　　②页面中最好不要用大块背景，能平铺的要平铺，否则加载起来会很慢，也不利于以后的优化和扩展，当然也有些大的网站，现在都尽量把背景统一放到一张图片上，用background-postion来取得背景。
" b2 k+ ?- Y: |, l, q' e; Y
9 |2 q- F6 F+ ?# z# u, x　　③最好的格式就是gif格式，即确保了背景透明，在ie6中又不会有阴影，有时gif图片会有锯齿，这就需要我们保存成web格式，设置一下matter，matter的值用背景颜色的值越相近越好。
; h) t& W& |4 Z# o' T
" y5 |8 ^3 t' V; j　　3、overflow：有时一些公司的注册协议都是很长，这就用到了overflow，可以把div的style里加上这个：overflow：auto
' X- _# [- U6 z( L$ D% O2 t
　　4、float：有时候一些div会挤到页面的上方，这里可能就是浮动引起的，可以加上clear：both。
1 @4 J7 m. S9 [4 c$ L) }' V
　　5、div：height等于1px的div，在ie6中可能并不是1px，在这个div的style里加上font-size：1px;这样就ok了。

. l* |. E' {) X# R: g" H　　6、id和class：当一个样式在页面中多次使用时，不要用id，要用class，要使用is的时候，样式最好不要用id，因为id要留给js使用。

% [2 K- G' e0 g5 G3 f% S　　7，link：。link：link{}、。link：visited{}、。link：hover{}、。link：active{}。有一点，visited与hover的顺序一定不能倒换，否则ie6中会大大的问题。

& V: f7 k1 A( y& |) ~

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

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

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

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

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

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

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

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

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