网站设计知识 css加 div和table加css的比较.doc

网站设计知识css+div和table+css的比较 2008年09月17日 星期三 20:01 CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。 ????? CSS＋DIV网站设计的优势 ????? 首先，CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，有哪些信誉好的足球投注网站引擎喜欢清洁的代码（其真正意义在于，增加了有效关键词占网页总代码的比重），因此使用CSS＋DIV的web标准制作的网站具有有哪些信誉好的足球投注网站引擎友好的一定优势。????? 其次，CSS+DIV制作的网站使得网站改版相对简单，很多问题只需要改变CSS而不需要改动程序，从而降低了网站改版的成本。????? 尽管CSS+DIV具有一定的优势，不过现阶段CSS+DIV网站建设存在的问题也比较明显，主要表现在：????? 第一，对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局（table），CSS+DIV尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了，这在一定程度上影响了XHTML网站设计语言的普及应用。????? 第二，CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中，这一个或几个文件有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。????? 第三，对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题，但CSS+DIV设计的网站在IE浏览器里面正常显示的页面，到火狐浏览器（FireFox ）中却可能面目全非（这也是为什么建议网络营销人员使用火狐浏览器的原因所在 ）。CSS+DIV还有待于各个浏览器厂商的进一步支持。????? 用过div+css作个整个网站，如果是纯粹的div的布局是比较麻烦的，尤其是你div里面嵌套div的，div布局的时候，你有些页面效果还是要舍弃一点的，比如图片的圆角，这些如果套div比较麻烦，在一个div在VS2005设计器里面可能变形，如果过多的套div，你实现ajax拖动效果的时候比较麻烦，所以我觉得眼下还是div+嵌套table比较好。 ????? 圆角——可以用div+css做出一样漂亮的圆角，而且不用图片，而且是宽度、高度自适应的????? 怎么实现?挖挖Google Talk的css模板 ????? div 和 table ????? html 最大的特点就是兼容性和自适应性。????? 使用了复杂的 div+css 后，你也许会发现在 IE 中很美观的页面在其他浏览器中看起来象一团浆糊。做一个网站而只服务与特定的浏览器，是不可取的。如果看到哪个网页上有“请用 XXX 浏览”的字样，一个字的评价“烂”!????? html 浏览器会自动根据页面的内容进行排版，这是普通的应用程序难以做到的。做出“请用 X*Y 以上分辨率浏览”的、在高分辨率显示器上浪费了大量页面左右空白而使用长长滚动条的、使用了固定字体大小的，统统都是从开发应用程序转过来的“半路出家的和尚”。????? 千万不要模仿所谓的“XX优秀网站设计”，那如果不是主办方有意的推广某种技术，就是作者的美术功底太过优秀的。一个好的网站，只有先做到内容充实、简洁、合理组织、方便阅读，再去考虑锦上添花的修饰。????? 已经完全转型div/css 刚开始还是比较麻烦，动不动就查样式文档，现在基本实现手写。????? 推荐用VS2005布局，比如一个页面在VS2005的标准样式布局后，再将一个个样式取出到单独css文件中，这是比较快的办法。????? SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。????? 下面以一个实例来说明这两个属性的区别。????? 代码:SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。????? 还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分