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元素的前面及后面都引入了行分隔。
效果:
SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。
还有一个标识符具有类似的功能,
DIV也被用来在HTML文件中建立逻辑部分。但与
SPAN不同,
工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔.
分享到:
相关推荐
总结 css+div和table+css各自优点缺点!!
JS+CSS+DIV+Table实现C#中DataGridView控件可修改单元格的值 点击Table中的TD弹出DIV..输入值点确认就可修改TD的值
JS+CSS+DIV+Table实现C#中DataGridView控件可修改单元格的值点击Table中的TD弹出DIV..输入值点确认就可修改TD的值
可以把表格布局转变成CSS+DIV布局。
很方便的,你注意你的表格的边框了吗?它们达到一般网页的效果嘛,看看这个,希望你有所收获.
与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML...
为了界面能够更快更好的布局。CSS+DVI就能够解决这一问题.能够帮助。之前你只用table试用的困惑。用table布局 总是不能按照自己的要求来实现。
Table2CSS3.0.0完美汉化破解...成DIV+CSS方式的软件。支持外部CSS,支持网页及目录 批量转换。 更新说明: 3.0.0 +增加DOM(文档对象模型)查看器,允许调整转换设置. +通用CSS前缀配置默认值"gen". +增加视频转换教学帮助
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。...
要想学好网页标准化布局,要先摈弃传统的table布局时形成的固定思维方式,用div布局,从内容出发。而且必须要对html标签有很好的认识,起码见了要知道它怎么用,干什么的。因为一个样式它是不可能脱离HTML页面的,...
漂亮的网页后台模板 漂亮的网页后台模板 漂亮的网页后台模板 漂亮的网页后台模板
CSS的定义是由三个部分构成: 选择符(selector),属性(properties)和属性的取值(value)。 选择符:a 可以是多种形式 b 一般是你要定义样式的HTML标记,例如BODY、P、TABLE
使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。 7.可以一次设计,随处发布。你的设计不仅仅...
这是一个本人用HTML设计的一个网站,用table+css和少量的div!!
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
这个工具可以将原来table的html转换为div+css
利用css和jquery实现table表头固定(浮动)显示,不复制表格内容,不更改页面元素,完全通过js设置样式来实现。
table布局网页转换为div+CSS布局的转换软件. 非常快捷方便,一转眼一个老式样table布局网页的网页就转换成div+CSS布局的了,支持绝对定位和流定位.
CSS+DIV是网站标准(WEB标准) html采用table定位,因为XHTML网站设计标准中,不 再使用表格定位技术,而是采用css+div的方式实现各种定位
值得初学者看看的一本很好书。 基础篇 1.1 必须知道的基础知识 知识一 DIV+CSS的...与结构标准对应的代表语言是xHTML与表现标准对应的代表语言是DIV与动作标 准对应的代表语言是JavaScript。 1.2 必须掌握的基础