div+css布局

div+css布局:

1、对于布局要使用DIV+CSS,使页面中的结构与表现完全分离，结构位于html文件中，表现位于css文件中，这样更容易后期维护，

2、对于要显示数据，特别是表格的列表形状数据的地方可以使用表格,不要依赖div，实现起来麻烦还不好.

3、CSS里多使用Class少使用id(对于特定元素可以使用ID)

4.对于大型门户网站，如新浪等，CSS直接写在页面上(JS脚本也如此),而不是包含一个CSS文件。

5.对于CSS文件的大小要控制,不能太大.可以对页面进行分类,来选择要包含的.CSS文件.

6.DIV布局,宽度如果设置了百分比而不是绝对值,那要考虑页面被人为变小的时候,布局是否会发生混乱.

7.DIV布局要考虑浏览器兼容的问题,要保证主流浏览器都支持,比如ie6和firefox

8.使用子选择器和组选择器,这样可以减少Class的定义原来的冗余:

9.显示大文本块的话使用P标签

10. DIV设置宽度后，内容过长，宽度会被撑大。在IE下，DIV的宽度会被撑大。但是在FF里，DIV的快度没被撑大，但是内容会跑到DIV所规定的宽度外面。内容不会自动的换行。高度也一样