• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 什么情况下使用table 什么情况下使用css(经验分享)

什么情况下使用table 什么情况下使用css(经验分享)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含table,css等相关知识,佚名 希望在学习及工作中可以帮助到您
TW的正文页之前为了考虑小显示器小风辨率的用户,宽度用了 850px,现在用大分辨率的用户越来越多,为了跟首页统一,都要改成950px。因为2年前做页面的时候就用了CSS布局,所以,虽然正文页有几十万个页面,但只修改了一个css文件和几个相关的图片,就都变了。如果当初用了table布局,后果不不堪设想…..

早几年,网上曾兴起过CSS布局和Table布局的争论,一部分人不以为然,认为css只不过是个嗷头,费时又费力,还有一部分人被阴魂不散的 IE6折磨的死去活来,最终放弃了css布局,当然了,这也不是说css就绝对要比table优越,table和div有其各自得特征。这也意味着他们价值取向有不同,对于开发设计的人员来说很重要的。布局是否合理,是否有充分的扩展性,是否有高效率,一定要合理的使用table和css来布局了。
根据我的经验,说一下在什么情况下该用table,什么情况下该用css

一、在以下情况下应该尽量使用css布局

1,浏览量大的页面:比如首页。CSS代码少,结构紧凑,加载快,可以大大提高页面访问速度,对于首页这样重要的页面,一定要用css来布局
2,需要循环展示列表的页面,比如列表页。对CEO有很大好处,而且非常有利于程序员嵌套程序。
3,套用同一模板的页面,如正文页,看上面我举的例子就知道了。
4,…

二、需要用到table的地方

1,只使用一次的结构复杂的广告,宣传页面,table和div在兼容问题中,table更具有优势。对于不需要后期维护的页面,首先选用 table布局。
2,专题页面,因为随时要扩充信息,如果需要频繁变动布局,如果用了css会让你很崩溃。
3,其他页面中的表单等各种控件部分。
4,…

其实对于真正的开发者来说善用其利是最重要的理念。而不是一味偏好,或者体现自己技术能力来做开发设计工作。对于div我们可以充分发挥 其灵活清晰的架构特性,配合table的严谨来实现各种复杂的需求

您可能想查找下面的文章:

  • Table布局的优缺点介绍及为什么不建议使用
  • Div与table的区别在速度和加载与网页应用等等中的差别介绍
  • 什么情况下使用table 什么情况下使用css(经验分享)
  • html中Div与table的区别(各方面细节探讨)
  • 页面设计中table和div的合理应用简要说明
  • DIV建站、Table建站以及XHTML建站的区别分析说明
  • ie8,chrome中table的宽度固定方法
  • 浅谈 div 与 table 如何取舍结合利用

相关文章

  • 2018-08-23腾讯设计师用实战案例,告诉你一个实现设计驱动的创新流程!
  • 2018-08-23以手机淘宝为例,看原型图易缺失的交互场景
  • 2018-08-23学会这3个方法,零基础也能做出好看的配色
  • 2018-08-23轻松看懂规范!详解组件控件结构体系之引导类
  • 2018-08-23腾讯高级设计师:交互知识树系列之开发思维
  • 2018-08-23超详细解读:UI导航设计不仅仅指的是导航栏
  • 2017-08-06CSS HACK之IE6/IE7/IE8/IE9/FF(归纳)
  • 2018-08-23超实用!手机摄影如何拍出高大上的感觉?
  • 2017-08-06我的css框架——base.css(重设浏览器默认样式)
  • 2018-08-23超全面!移动端响应式的7种UI布局解析

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • PS快速入门?看这篇经典的万字笔记就够了!
    • 是什么限制你成为优秀的设计师?高手的答案在这!
    • 超实用!四招快速提升字体设计能力
    • 超实用!UX团队如何给设计原则做优先级排序?
    • 经常被忽略的动效,对于用户体验设计是如此重要
    • web前端工程师入门须知 推荐
    • 为什么「下拉刷新」能成为现象级的设计?
    • 表单元素垂直居中完美解决方案
    • 网页flash动画不显示的解决方法
    • 网页设计中的表单设计技巧小结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有