当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 从Table向Css过渡的优缺点比较

CSS样式表
CSS网页设计 IE8和IE7共存
CSS2 打印属性让打印HTML文档不出问题
制作网页中设计段落缩进的方法
CSS border 属性使用说明
CSS border-style 属性使用方法
CSS border-color 属性使用方法
CSS border-width 属性使用教程
CSS padding属性定义边内补白
CSS margin 属性定义边外补白
网页布局教程 掌握CSS网页布局属性
css 背景样式属性说明
span margin 设置生效
html 滚动条在IE6和IE7中兼容性问题
IE6 两个div有间隙的问题(IE 3px bug)
CSS 数字和字母将容器撑大问题解决
换个角度看页面重构中的语义化
DIY属于个人开发使用的CSS Reset
CSS 空格引起网页布局间距问题
CSS 网页制作时遇到问题的快速参考技巧
css li 去掉点的样式写法

CSS样式表 中的 从Table向Css过渡的优缺点比较


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 172 ::
收藏到网摘: n/a

CSS布局提倡者的声音正被"表格布局的优点"的声音所覆盖。一个荒诞的说法是CSS是难学的。事实上,CSS一点也不比其他网页技术难。问题在于:对于表格设计已经相当有经验的web设计师不得不完全放弃他们的思维模式改用CSS方法。
我曾经用表格布局设计过许多年,当我第一次开始使用CSS布局时,我也遇到了问题。"用表格多简单呀"我想。但是,那只是因为我已经用惯了表格,我知道如何巧妙的处理它们。任何改变,哪怕是小小的一点,都会让我觉得麻烦,更不用说这么激烈的变化。
回忆起我第一次学习用表格布局,同样有一大堆的问题困绕着我。回头想想那些rowspans, colspans以及空白的GIF图片,公平的说这两种布局方法,用表格布局更加难些。
另一个陈旧的观点是:CSS设计的页面(字节数)非常大,比表格设计的页面大。理由是:因为你将整个站点所有的样式都放在一个文件里,当用户访问一个页面,包含整个站点样式的样式表都需要下载,因此页面非常大。
那么为什么你要将所有样式都放在一个CSS文件里?没有人限制你只能用一个CSS文件,你完全可以为某部分章节的细节样式设立单独的子样式表文件。在我的经验里,从简单的手册型站点到大型的数据库驱动,多功能的系统网站,我从来没有只用过单独一个样式表文件,没有一个首页的代码比用表格设计的多。那些table,tr,td标签占据了大量空间,立刻行动起来吧,用CSS布局方法将你的文件尺寸猛砍下来。
当你用表格布局时,你失去了标签本身的语意。web标准方法布局分离了内容和表现层将带来巨大的好处。当你用表格锁定了你的设计,一旦你需要改变它,你必须找到这个页面,然后再分析出表格结构,再一页一页修改,而CSS文件可以简单的改变整个站点的设计。用CSS你根本无须考虑设备无关性,无须考虑用户选择他们自己的样式。
还听说一个表格的"好处":设计forms。但是forms可以用任何方法实现表格排列。是为了Netscape4? 我从来没听说过支持这么老的浏览器是一个理由。大部分主流浏览器的用户利益远远大于少数的用不支持样式表的浏览器的用户的利益(先不说CSS也支持纯文本)。
那些"超级表格"支持者的观点归结起来就是一点:"表格更容易。"这是胡说!如果你满足于一个低效率的方法,那随你的便。如果你想突破限制,使页面内容更加通用、易用,代码更加少,那就努力转变吧。当然如果你是新学网页设计,从头开始,你就不会有这些问题。
"小车不倒只管推","这只是设计师工具箱里的工具而已。"这是一些讨论者的观点。表格布局象一把老式的木头柄螺丝起子,你可以仍旧使用它来钻进一面墙。而我宁愿使用电动的螺丝起子,CSS布局更加高效,不会让我的手再起水泡。