新手在应用div和css样式中存在的问题

对于有一定经验的设计者来说，DIV和CSS样式在他们手中早已经是信手拈来的了，可以通过神奇的代码实现想要的各种样式，但对于新手来说，却可能存在各种各样的困难，因为他们还没有从table表格的应用中完全走出来，在对div结构的掌握上还存在着一些应用上的问题。

一，div+css结构不等于通篇区域都用div包起来。遇到一个区块就用一个div标签，这样你写完代码后全篇都是div，失去了语义的存在价值，区块修改起来也不容易找到，合理的利用dl、ul、ol、span、等标签，不仅让你的网页看起来条理清晰，而且修改起来很方便。

二，div和css写网页一定要在不同类型和不同版本的浏览器进行测试。建议最好是同时打开多个浏览器，如果说你认为你的网站访客还没有养成使用火狐、谷歌等浏览器的习惯，那最少也得兼容ie6、7、8几个版本，由于软件限制，没有办法在一个电脑上装不同版本的多个浏览器，因此要借助版本模拟软件，我常用的是ietest，用来测试网页足够了。

三，div+css结构制作静态html网页不等于table写法，之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页，其次是table的布局没有一定的语义，网页代码修改起来也比较费时。

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

建议对于经验不太丰富的页面制作者来说最好是写一个小区块就在不同浏览器下看一看效果，如果出现问题可以及时调整代码，不要只在一个浏览器里测试，这样很难发现问题的存在。

本文来源学校官网：www.wangyeshejipx.com/，作为长春网页制作培训的专业学校，欢迎大家致电咨询。