前段子曾经写过关于DIV+CSS对网页进行布局的文章,当时可能写的过于简单吧,有些朋友就对我开口大骂,呵呵
今天我就详细的说说DIV+CSS,说一下如何使用DIV+CSS来布局页面:
我们在使用Dreamweaver设计网页的时候经常会用到可视化窗口对表格,或者其它网页元素进行可视化设计,而实际上设计完成后,是对这个网页元素进行了样式定义而已。而我们经常会使用Dreamweaver的CSS样式来定义网页元素。
关于为什么要使用DIV+CSS来代替TABLE+CSS大家可以搜索一下,使用DIV+CSS显而易见的好处是易维护,方便重用,将来修改网站风格只用修改CSS文件即可,客户端访问速度提高等等,但是也有负面的,比如,如果CSS文件破坏,那么全站页面都会乱掉等。
下面言归正传,大家可以打开我最近写的文章:vs2005+Access开发网站管理系统日志
系列文章,使用的是DIV+CSS来布局的。
通过在页面上定义一些嵌套的DIV,将所有需要定义CSS的DIV取唯一的ID或者CLASS,然后在CSS文件中定义样式即可,当然要在页面中引入这个CSS文件。
关于具体的页面DIV定义和CSS定义,已经在上面所说的文章中给出源码了,大家可以参考一下,这里就不重复了!希望这次朋友们看了,不要说太复杂,呵呵
如果大家还有什么意见请指教,希望能和大家交流!