div+css

div+css是一种html代码的编写规范,一种布局的实现方式,主要使用div配合CSS样式表来实现网页界面上的定制。div+css不全部要求一定要使用div标签来实现,而是泛指这种css控制显示的方式,同时可以使用的标签还有h1,h2,h3,h4,h5...p strong等一系列xhmtl标签。

使用div+css的误区:
1、用div+css结构制作静态html网页等于彻底抛弃古老的table写法。
之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页,其次是table的布局没有一定的语义,网页代码修改起来比较麻烦。但table是专门用来写网页数据表格的,页面中出现类似excel数据的地方,建议用table来写。
2、div+css结构等于通篇区域都用div包起来。
遇到一个区块就用一个div标签,这样写完代码后全篇都是div,失去了语义的存在价值,区块修改起来也不容易找到,合理的利用dl、ul、ol、span、等标签,不仅让你的网页看起来条理清晰,而且修改起来很方便。
3、css文件一定要和html代码分开。
将css文件和html分开,是因为有些css同时为多个页面服务,而用户访问时css文件可以缓存在本地,下次再访问其他页面时就不用重复加载css,可以节约时间和流量,提高访问速度,但是如果网页有些区域的css是独一无二的,其他页面用不到,就不用把css剥离出去,直接用style标签包括在html网页里就可以。
4、用div和css写网页不用进行浏览器兼容测试。

参考资料:http://baike.baidu.com/view/399288.htm

点击返回顶部