`

css+div与table+css的比较

    博客分类:
  • css
阅读更多

引用

北大青鸟-佛山站上的文章《css+div与table+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+table
页面布局用div,数据列表用table

0
2
分享到:
评论

相关推荐

    css+div和table+css的比较

    CSS+div 和 table+css 是网页布局的两种常见方法,它们各有优缺点。首先,我们来看一下 div 和 table 的基本概念。 `div` 是 HTML 中的一个块级元素,用于组织文档的大块内容。它是一个容器,可以容纳其他 HTML ...

    Table2CSS表格转CSS+DIV布局工具

    【标题】"Table2CSS表格转CSS+DIV布局工具"是一款专为网页设计者打造的实用软件,旨在帮助用户将传统的HTML表格布局转换为更现代、更灵活的CSS(层叠样式表)与DIV(定义文档结构的HTML元素)布局。这种转换能够提升...

    JS+CSS+DIV+Table实现C#中DataGridView控件可修改单元格的值

    JS+CSS+DIV+Table实现C#中DataGridView控件可修改单元格的值 点击Table中的TD弹出DIV..输入值点确认就可修改TD的值

    css+div控制表格 标签代码

    标题“css+div控制表格 标签代码”表明我们将探讨如何利用CSS来改变和优化HTML表格的样式,使其符合网页设计的一般需求。 表格在网页中常用于展示结构化数据,其基本HTML标签包括`<table>`、`<tr>`(行)、`<th>`...

    css+div 企业建站模板

    CSS+Div布局是现代网页设计中常用的一种方式,它替代了早期基于表格(Table)的布局方法,提供了更加灵活、易维护的页面设计解决方案。"css+div 企业建站模板"是一个专为搭建企业网站设计的模板,适用于个人网站模板...

    Table转div+css工具

    在网页设计领域,布局方式的发展经历了从表格(Table)到层(Div)+CSS的转变。"Table转div+css工具"就是专为此目的而设计的一款实用软件,它能够帮助开发者将原有的基于表格的HTML代码转换成使用Div和CSS进行布局的...

    CSS+DIV视频教程

    《CSS+DIV视频教程》是一套全面讲解网页布局技术的教育资源,主要针对使用CSS(Cascading Style Sheets)和DIV元素进行网页设计的初学者。本教程旨在解决使用传统表格(table)布局时遇到的困难,使用户能够更加灵活...

    JS+CSS+DIV+Table实现C#中DataGridView控件可修改单元格的值(上次上传那个资源丢失了)

    CSS用于设置DIV的样式,使其看起来像一个输入框,并与表格和谐地融合在一起。例如: ```html <div id="editDiv" style="position:absolute; display:none;"> ()">确认 </div> ``` 接下来,我们需要监听表格的`...

    漂亮的网页后台模板(div+css+table)

    "漂亮的网页后台模板(div+css+table)"这个主题着重于利用HTML的div元素、CSS样式以及表格(table)来设计出极具吸引力且功能完备的后台界面。 首先,让我们来了解一下`div`元素。在HTML中,`<div>`是一个通用容器...

    css+div+html

    在Web前端开发中,"CSS+Div+HTML"是一个核心概念,它构成了网页设计和布局的基础。CSS(层叠样式表)用于控制网页元素的样式,Div(块级元素)常作为布局容器,而HTML(超文本标记语言)则负责构建网页结构。这三者...

    css+div布局教程

    在CSS+Div布局中,关键词表(Keyword Table)是一个重要的工具,它列举了常用的ID和Class名称,以便快速引用和保持代码的一致性。例如,#B-*用于body,#Head、#Main、#Foot代表布局ID,#Message表示系统消息,#Logo...

    CSS+DIV设计基础

    与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML...

    table布局网页转换为div+CSS布局的转换软件

    在网页设计领域,传统的`table`布局曾是构建网页结构的主要方式,但随着Web标准的发展,`div`结合`CSS`布局(层叠样式表)逐渐成为主流。`table`布局虽然简单易用,但在复杂性和可维护性上存在诸多问题,如不易控制...

    口诀法学css+div

    - 无语义性:与具有特定语义的标签如 `<table>`、`<a>`、`<img>` 等不同,Div 本身并不携带特殊含义,而是作为一个容器,通过 CSS 定义样式和布局。 2. **CSS 样式**: - 类(Class)和 ID(Identifier):CSS ...

    CSS+DIV模块设计

    在CSS+DIV模块设计中,我们主要探讨如何利用CSS(层叠样式表)与HTML的<div>元素构建高效、响应式且易于维护的网页布局。CSS+DIV是现代网页设计中广泛采用的方法,它取代了早期基于表格的布局方式,提高了网页的...

    布局用CSS+DIV的优点总结

    由于CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。此外,使用CSS+DIV还可以让人感觉打开网页的速度非常快,因为<div>标签不需要等待</div>下载完成就可以显示里面的内容。 ...

    零基础HTML+CSS+DIV笔记分享

    ### 零基础HTML+CSS+DIV笔记分享 #### HTML基础知识与规范 1. **标签名和属性名必须小写**:为了保持代码的一致性和兼容性,HTML5规范建议所有的标签名和属性名都使用小写字母。这样做有助于提高代码的可读性和...

    十步学会CSS+DIV

    以上就是学习 CSS+DIV 的十步骤,从规划网站到创建模板,再到具体的样式设置和浏览器兼容性处理,每一步都是构建专业网页布局的基础。随着实践和深入学习,你将能够掌握更多高级技巧,如响应式设计、过渡和动画、...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局,并确保在各种浏览器中都能实现中间内容的居中显示。 首先,我们需要理解CSS的盒模型和定位概念。盒模型包括内容区域(content)、内边距(padding...

Global site tag (gtag.js) - Google Analytics