你是否也存在这些div+css网页制作的误区

　　使用div+css进行静态网页制作目前已经很成熟了。但对于很多新手而言，由于种种原因，对div+css制作，仍然存在一些误区。如果你是刚刚接触div+css制作的朋友，不妨好好看一下这篇文章，看看你是否也存在这些误区！

　　1、用div+css结构制作静态html网页不等于彻底抛弃古老的table写法

　　相信很多朋友认为：既然使用div+css制作网页，那么我们是不是可以用div彻底代替古老的table写法呢?你们课课家网站之前不是说了吗?要实现一个简单标题,使用table写法代码需要8行,而div只需要2行。但凡事不能一概而论，在写一些栏目块时，特别是数据分类较多，比如“求购信息”的栏目块，顶部可能出现“发布人、发布时间、信息标题、联系方式”等项目，像这样的地方我们课课家网站建议还是要用table来写，因为table是专门用来写数据表格的，控制起来很方便，而且符合语义要求，还有页面中出现类似Excel数据的地方，也建议用table来写。

　　2、并不是css文件一定要和html代码分开

       之所以将css文件和html分开，是因为有些css同时为多个页面服务，而用户访问时css文件可以缓存在本地，这样下次再访问其他页面时就不用重复加载css，可以节约时间和流量，提高访问速度，但是如果你的页面有些区域的css是独一无二的，其他页面用不到的，就不用把css剥离出去，直接用style标签包括在html网页里就可以。

　　3、用div+css制作网页一定要在不同类型和不同版本的浏览器进行测试

　　利用div+css写网页，CSS hack是一个令人十分头疼的问题，为了解决这个问题，很多网站都建议最好是同时打开多个浏览器进行测试，但事实上，我们没有办法在一个电脑上装不同版本的多个浏览器。因此我们课课家推荐一个解决方案，就是借助版本模拟软件测试网页，测试软件推荐ietest。

　　此外,在兼容浏览器方面上，我们还建议：对于经验不太丰富的页面制作者来说最好是写一个小区块就在不同浏览器下看一看效果，如果出现问题可以及时调整代码，不要只在一个浏览器里测试，一口气写完，那么当你在其他浏览器测试时发现网页奇形怪状时你就抓狂了。

　　4、div+css结构不等于通篇区域都用div包起来

　　记得有个刚接触div+css制作的朋友曾经向课课家网站提出这样一个问题：div+css制作就是使用div进行布局，那是不是遇到一个区块就用一个div标签？如果你是一个老手，可能觉得这个问题很可笑。但我们认为，存在这个想法的人不在少数。所以有必要在这里列出来提醒大家注意。这样做有什么不妥？试想一下如果你写完代码后全篇都是div，失去了语义的存在价值的同时区块修改起来也是相当麻烦。

　　那么，有什么方法可以解决呢？答案是合理使用dl、ul、ol、span等标签。这样做不仅让你的网页看起来条理清晰，而且修改起来很方便，见名知意，比如你要修改一个新闻列表，先找到新闻列表所在的div或者dl标签，然后再找其中的ul，修改具体内容就很容易。

　　以上就是我们课课家网站为大家总结的用div+css制作网页时，初学者容易出现的4大误区。新入行的兄弟姐妹们一定要引以为戒喔！