探究CSS+DIV布局的优缺点

开发 前端
本文向大家描述一下CSS+DIV框架的优缺点,CSS框架为你的项目提供一个干净、严谨的基础架构,通过CSS+DIV框架你可以快速的为你的站点搭建基础的html代码框架。

CSS+DIV布局有很多值得学习的地方,它的优点相信大家应该有所了解,那么你对它的缺点是否了解,这里和大家分享一下CSS+DIV布局的优缺点。

CSS+DIV布局的优缺点
 
CSS+DIV框架的优点

1、开发效率的提高。

如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率,避免一些常见的错误。如果你的工作是按件计费的,你的报酬一定会比别人多。

2、规范代码命名。

在多个站点中你可能会用到一些同样的CLASS或ID。如果你有一套完善的CSS+DIV框架,很快你就能对你的每一个站点的代码进行通读。不用浪费时间在代码的阅读上。

3、更好的团队合作

有些公司会将一些稍大的站点的前端代码分成若干子项目。有过此类经验的朋友应该对这种开发方式深感郁闷,要注意公用css,还有注意相互之间的代码配合。久而久之,废弃代码越来越多,互相之间也难以阅读。如果建立好合适的CSS框架,大家可以减少很多不必要的错误,提升产品质量和工作效率。

4、解决浏览器的兼容性问题

现在大部分项目都要求兼容IE6,7和FF。每个站点可能都会花上一部分时间去处理兼容问题。在框架层面上就将这个问题处理好。就可以为后面的兼容问题节省下大部分时间。

5、一套完整的、结构清晰的结构代码。
CSS框架为你的项目提供一个干净、严谨的基础架构。通过它你可以快速的为你的站点搭建基础的html代码框架。万事开头难,前面的基础工作做好了。后面的开发速度会提高很多。

CSS+DIV框架的缺点:

1、你需要完全的理解整套框架

每一个加入项目的人,都需要花一定的时间去完全的理解整套框架及编码规范;

2、你会延续一些框架中的错误bug

没人可以保证自己制定的框架是***而没有bug的。你可能会需要时间去清理框架中的bug;

3、限制开发思路

框架给出大家基本的架构及开发的思路,这可能会限制你对产品开发的新思路;

4、臃肿的源代码

框架中可能有很大一部分代码不会经常用到,而且还会降低执行效率;

5、框架的语义化

我们已经注意到了HTML代码的语义化。但基于框架的每个站点都是独立唯一的,我们很难去保证CSS+DIV框架的语义化。
 
文章出处:站点基地[http://www.zdbase.com/content/detail.aspx?OID=5984BEE3-BC1D-49B7-B557-2929CE57025B]

【编辑推荐】

  1. CSS布局时需注意的八大技巧
  2. IE6.0对padding的解读分析
  3. CSS布局之CSS Div的居中实现方法
  4. DIV+CSS开发Xhtml网页对SEO优化的影响
  5. DIV CSS网页布局中对段落进行排版的方法
责任编辑:佚名 来源: zdbase.com
相关推荐

2010-08-23 10:50:39

DIV+CSS

2010-08-27 13:58:06

DIV+CSS

2010-09-09 15:17:01

absoluterelativeCSS

2010-09-02 09:59:52

CSS SpritesCSS

2010-09-15 14:00:06

position属性DIV

2010-08-23 16:23:53

CSS+DIV

2010-09-10 15:01:26

CSS+DIV排版

2010-08-30 10:58:19

DIV CSSfloat

2010-08-26 10:21:06

CSS Sprites

2010-08-30 15:55:54

DIV+CSS

2010-08-26 16:19:41

DIV圆角

2010-08-24 11:00:55

DIV CSS

2010-09-14 16:39:26

CSS DIV相对定位CSS DIV绝对定位

2010-09-07 15:31:21

DIV CSS表单

2010-08-23 14:30:14

DIV+CSS

2010-08-27 09:45:49

CSS Sprites

2010-08-25 12:47:40

DIVCSS

2010-09-09 10:56:56

CSS

2010-08-27 13:51:40

CSS+DIV

2010-08-24 10:19:15

点赞
收藏

51CTO技术栈公众号