我对div+css的看法

结构和表现分离，这就是我对div+css的看法。 

今天和同事讨论，提到了div+css的优点和缺点，现在在这里写一下我个人的看法。仅仅是个人的看法啊，随便写写的，很片面的，欢迎指正和讨论。

我个人认为div+css是一种思路，把结构和表现分离出来。div是结构，css是表现。

写div+css的时候完全不需要用dreamweaver等可见可得的编写方式，基本上你在代码上写出来是什么东西，得出的结果就是什么东西，当然需要对不同的浏览器进行测试，兼容性的测试是个问题，需要大量的经验，这个稍后再说。

写div+css的时候，先画一个草图，把结构和位置画一下，在脑海里形成一个做出来的大致效果图，然后开始做。

接着写div,写出结构来，写结构的时候一定要有一个良好的习惯，使用通用名，增加代码的可读性。div+css把结构和表现分离出来，这样写的时候就能够仅仅考虑结构，或者仅仅考虑表现。我一般都是先写结构再写css的，我同事比较习惯先写css再写结构，个人认为这只是习惯问题，没有多大的区别。

div+css的结构能写得非常清晰，一块一块的，简单明了易懂。头部是头部，导航是导航，内容块是内容块，脚部是脚部，这是大的结构。往下分，有img,p,ul,li,span等，还有一个表单的，非常清晰易懂，一目了然。

写完结构后写css，这个不用详说吧。我习惯于写一个公用的css，里面放着一些比如头部、脚部的代码，然后每一个页面写一个css，主要是考虑到以后利于修改。

ok，结构写好了，表现也写好了，完了也进行了一些修正使得页面变得更加漂亮了，但是还没有完，记住一定要测试！！

在这之前，还有一点需要提一下，修正页面的时候经常会发现自己想要的效果变成了一个奇怪的东西，或者错开了，或者空的不对，或者干脆有个图层消失不见了，觉得很奇怪。千万不要着急，可以尝试写把宽、高增加些，或者写成负值，看会出现什么情况，慢慢地写得多了，也就会明白一些经常出现的问题是怎么出现的。我刚学的时候遇到过很多次，觉得头疼，不过后来看了一本书才发现，哇，原来是这么回事啊！所以，个人认为学div+css的时候最好系统地看一两本书，有些散乱学习的时候会忽略的地方经常会成为以后的障碍。

写完后一定要测试，因为不同的浏览器非常有可能会出现不同的效果，比较有名的是ie5的三像素错开和躲躲猫。一定要记住在不同的浏览器下测试，提高代码的兼容性。

我觉得div+css的一个思路非常好，就是把结构设计好，然后你想把它表现成什么样的就变成什么样的，想让它放到哪里就放到哪里。不过个人认为一个好的页面是先把它设计好再把它写出来，而不是不断地修改把它变得符合自己的要求，否则代码会变得混乱，不易读。