使用css框架的优缺点

使用css框架的优点

1.加速开发

CSS框架提供通用的代码(如reset,和移动端开发的一些常用设置)和许多丰富的UI组件样式——因此我们不需要从头开始写。

2.无兼容性烦恼

CSS框架解决了各个浏览器下的兼容性问题,使用css框架做的网站或web应用在所有浏览器下的表现都一致。所以我们只需专注创建内容和而不需要处理特定浏览器的样式缺陷

3.合理的布局

CSS框架建立了基于网格的预定义宽度多列布局。所以我们不需要在布局上花太多心思。我们不需要计算列宽,精确调整像素确保页面排列整齐

4.培养好的样式书写规则

包括样式的命名,样式属性的书写顺序,各种样式语法的灵活与实际应用方法

5.保持页面风格的一致性

团队协作开发,如果大家都基于CSS框架进行开发,所开发的网页和web应用的UI外观一致性较好。

使用CSS框架的缺点

1.限制自由

CSS框架中的网格,选择器和其它样式,限制了我们可以设计的东西: 如布局,网格宽度,UI样式,以及其它受惠于CSS框架的方面。

2.添加额外代码覆盖框架样式

CSS框架不可避免地存在一些我们不需要的代码。我们不太可能会用到框架中的每一个功能。而我们书写自己的UI样式时,CSS框架可能预置了一些默认样式,而这些样式我们并不需要,因此需要书写额外的代码来覆盖CSS框架的预置样式。

3.强迫使用框架规则

使用CSS框架,我们被迫接受框架规则,如果我们对于CSS元素,选择器,ID和类有自己命名规范,这可能会对我们已经的规范造成冲突。

4、潜在时间损失

如果我们已经熟悉了特定的设计和开发方式而又被迫去使用不熟悉的CSS框架,我们前期会损失一定的开发时间用于学习CSS框架。

选择依据

如果CSS框架中提供的绝大功能你都能用到的话,那我建议你采用CSS框架,这会带来开发的便利和设计的精简。如果公司已有成熟的开发规范,只用到框架中的极少部分功能,那么就不需要采用CSS框架,只需从CSS框架中摘取出我们所需的那部分代码就可以了

时间: 2024-12-26 01:43:50

使用css框架的优缺点的相关文章

响应式设计框架的优缺点

聚焦Bootstrap 3和Foundation 5,让我们一起来分析使用其中一种框架构建自己的网站的优势与短板. 浏览器兼容性 浏览器调试所花的时间有时赶上了制作网站本身所花的时间.如果你可以减少调试浏览器所花的时间,那么就是在为客户节约成本(当然也是在保护的你的头发不那么早就掉光). 响应式设计框架是一个基于在各种浏览器调试成功的框架.使用这些框架,可以大大减少建设网站时所耗费的时间(测试次数的多少取决于你定制了多少框架的内容,如果你仅仅只是改变了几个颜色而已,那么调试的次数就非常少:如果你

27款经典的CSS框架

利用 CSS 框架,可以简化你的工作,提高工作效率.CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版.网格布局.表单样式.通用规则等代码块.下面给你推荐了27款优秀的CSS框架,你可以选用. 1. 960gs 960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容.提供较为常用的尺寸来简化网页设计过程,使工作简单高效. 2. YUI 2: Grids CSS 芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS

min.css----全世界最快的CSS框架

有一个CSS框架,叫min.css,它号称是全世界最快的. 难怪,它的代码就这一点. 你看它的页面例子,像Bootstrap,但比后者轻多了,它只是一些CSS样式,没有JavaScript代码. min.css的组件有: 基本代码(必须).标题.按钮.表单.导航栏.表格.图标.网格.消息框. 对,这就是min.css的全部. 1. 基本代码 body,textarea,input,select { background: 0; border-radius: 0; font: 16px sans-

项目中选择css框架的苦恼

优点 a) 提高开发效率. b) 规范名称定义,便于维护. c) 规范项目开发流程 d)css代码更清晰.简单.html代码更合理. e) 大规模项目中可以减少用户下载 弊端 a) 学习成本提高.你需要了解整个框架,需要阅读框架的文档. b)css框架对于一个小项目等页面来说很臃肿.框架中可能有大部分你用不到的代码. c)可能会无法帮助你的技术提高.太依赖框架,以至于很难排除bug.包括框架中本身就带的bug. d) 选择自己需要的框架与开发框架都很痛苦.写到后面发现越来越不灵活,越来越臃肿.

框架学习之框架的优缺点

Struts的优点有: 1. 实现MVC模式,结构清晰,使开发者只关注业务逻辑的实现. 2. 有丰富的tag可以用 ,Struts的标记库(Taglib),如能灵活动用,则能大大提高开发效率.另外,就目前国内的JSP开发者而言,除了使用JSP自带的常用标记外,很少开发自己的标记,或许Struts是一个很好的起点. 3. 页面导航.页面导航将是今后的一个发展方向,事实上,这样做,使系统的脉络更加清晰.通过一个配置文件,即可把握整个系统各部分之间的联系,这对于后期的维护有着莫大的好处.尤其是当另一批

CSS框架960Grid从入门到精通一步登天

http://blog.chinaunix.net/uid-22414998-id-2878529.html 1.什么是CSS框架? CSS框架是一种你能够使用在你的web项目中概念上的结构,是别人已经写完的,而且很完善的CSS定义集合.CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如: * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置 2.CSS框架的种类: CSS框架很

Struts2,Spring,Hibernate框架的优缺点

Struts2,Spring,Hibernate框架的优缺点 Struts2框架(MVC框架)的优点如下: 1)  实现了MVC模式,层次结构清晰,使程序员只需关注业务逻辑的实现:        2)  丰富的标签库,大大提高了开发的效率:        3) Struts2提供丰富的拦截器实现        3) 通过配置文件,就可以掌握整个系统各个部分之间的关系:        4) 异常处理机制,只需在配置文件中配置异常的映射,即可对异常做相应的处理: Spring框架的优点如下: 1) 

几款主流PHP框架的优缺点评比

主要参考的PHP框架包括:CodeIgniter.CakePHP.ZendFramework.Symfony.我对很多框架也没有认真使用,只是简单试用了一下,可能很多看法不成熟或者是错误的,请大家指正,一起成长. CodeIgniter 优点: 1. 配置简单,全部的配置使用PHP脚本来配置,执行效率高:具有基本的路由功能,能够进行一定程度的路由:具有初步的Layout功能,能够制作一定程度的界面外观:数据库层封装的不错,具有基本的MVC功能 2. 快速简洁,代码不多,执行性能高,PHP框架简单

css框架

CSS框架 960Grid 即960布局,现基本不再使用 Bootstrap 需将页面设置为HTML5文档类型 1. 引入外部CSS文件 使用<link>引入,一般只引入核心文件,主题文件不引入 2. 移动设备优先 在<head>标签中添加viewport元数据标签 <meta name="viewport" content="width=device-width,inital-scale=1"> width:可视区的宽度,值为d