用css布局带来的诸多好处

2016-02-19 17:02 8 1 收藏

图老师小编精心整理的用css布局带来的诸多好处希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

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,…

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

二,需要用到table的地方。

1,只使用一次的结构复杂的广告,宣传页面,table和div在兼容问题中,table更具有优势。对于不需要后期维护的页面,首先选用table布局。

2,专题页面,因为随时要扩充信息,如果需要频繁变动布局,如果用了css会让你很崩溃。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

3,其他页面中的表单等各种控件部分。

4,…

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

来源:http://www.tulaoshi.com/n/20160219/1613932.html

延伸阅读
标签: 养生 健康
在羽毛球运动中,需要不停地运用手腕和手臂的力量握拍、挥拍,还要充分活动踝关节、膝关节、肩关节、髋关节等部位,所以对于全身肌肉和关节的锻炼是很充分的。   打羽毛球需要运动者在场地上不停地进行脚步移动、跳跃、转体、挥拍,是一种全身性的运动。因此,可以增加上肢、下肢和腰部肌肉的力量,加快锻炼者全身血液循环,增...
标签: Web开发
CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子: #sample{ MARGIN: 10px 10px 10px 10px; PADDING:2...
标签: Web开发
最近有一个读者问到,怎样用CSS创建一个居中的页面布局。该读者所追求的,是要达到这样一种效果,就如同在一个1024象素宽的页面上设计出一个800象素宽的表格。这是一种使用很广泛的页面设计方法,按照传统,它要靠嵌套表格才能达到这一效果,因此,这位读者追寻一种用CSS来达到这一效果的方法并不让人惊讶。 用CSS来创建一个居中的页...
标签: Web开发
利用CSS框架进行高效率的站点开发 http://www.webjx.com/CSS/20071207/css_1784.html CSS框架的利与弊(上) http://www.webjx.com/CSS/20071207/css_1785.html CSS框架的利与弊(下)http://www.webjx.com/CSS/20071211/css_1964.html 前段时间一直在讨论CSS框架。很多朋友看了那三篇文章后提了不少自己意见。特别是一位北京的朋友A君,他...
标签: Web开发
对CSS网页布局的技巧,可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来,或许对您更有实际的参考价值: 1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选...

经验教程

56

收藏

73
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部