使用CSS框架的优点和缺点

标签: 前端技术 css | 发表时间:2011-03-18 15:00 | 作者:RockUX SmallColor
出处:http://rockux.com

CSS框架是一个软件,它为你的HTML开发提供了许多选项以供使用,可能使得你开发网站或web程序更快速更简单。CSS框架通过包括预定义代码库来达到这个目的。一个例子是基于网格的框架,它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。

但是使用CSS框架好不好呢?最终来说有时候有的东西节约你的时间的代价是引发了更多地问题,导致节约的时间没有意义了。好吧,就像我们生活中的任何东西一样,使用CSS框架既有优点也有缺点。

现在有很多CSS框架,可以做好不同的事情,所以你可以找到特定的一款以帮助你更快地完成你的web开发目标。可以参考以下资源:

15 lightweight and minimal CSS frameworks
20 new frameworks for web and mobile app developers


但是你应该在你的web开发中使用这些CSS框架吗?以下是使用CSS框架的优点和缺点:

使用CSS框架的优点

1、加速你的开发

CSS框架帮你做好了基础工作因此你可以更快地开始开发。它能过向你提供重复的和常用的任务代码——如reset——因此你不需要每次都从头开始写。如果你与团队或与其它开发者一起工作,你们都会有一样的共享CSS代码,所以团队效率也因此提高。

2、可以使用跨浏览器功能

记得为了让你的网站或web应用在所有浏览器下看起来一样而不断调整你的CSS代码的痛苦么?好吧,通过使用CSS框架你可以与这个烦恼告别了,它们帮你搞定这个问题。框架已经编写成跨浏览器兼容的了,所以你可以专注于自定义和创建内容而不是调整基础的样式。更好的是CSS框架还会消除浏览器特定的bug。

3、给你干净和对称的布局

基于网格的CSS框架建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。你不需要做更多的像素调整来确保排列整齐,或者担心边栏宽度对于widget或图片是不是标准规格的,也不需要为计算列的宽度而烦恼。

4、强制使用好的网页设计习惯

CSS框架强制使用好的习惯,如引入打印样式表。它还提供了一系列的选择器,你可以在所有使用框架开始的网站或web应用中使用,这使得你的网页设计具有一致性。你不需要猜测或记住你在这个网站是怎么写的而那个网站又是怎么写的——它们都是一致的。

使用CSS框架的缺点

1、限制你的自由

既然CSS框架有标准的网格,选择器和其它代码,它就限制了你可以设计的东西:布局大小,网格宽度,按键类型,样式,以及其它任何东西。如果你真的希望利用CSS框架来节约时间的话你基本上就要接受同样的框架。否则,当你想要做一些不同的东西时,你还要花时间来更改代码或学习一个新的框架——这就好比你有一个项目使用了独特的或非常规的参数或者设计。

2、添加额外代码

CSS框架不可避免地有一些你不需要的代码。你不太可能使用一个框架中的每一个功能。因此你需要被迫接受一些额外的代码,这有可能有问题也有可能没问题,取决于你的网站和web应用所能承受的负担。如果每个字节都非常重要,你可能需要深入进去并去除CSS中不需要的代码。

3、强迫你使用框架语法

通过使用CSS框架,你被迫接受语法的变化,特别是框架使用非标准命名模式的情况。如果你对于CSS元素,选择器,元ID和类倾向于使用自己独特的系统,这可能会带来麻烦,因为CSS框架会强迫你使用它的系统。需要承认的是这对于大多数情况来说并不是什么大问题——它就像学习开一辆新车,即你快速适应——但是它是使用CSS框架的一个现实问题。这可能带来更大问题的另一个方面在于,如果你和其他开发和设计人员合作,它们可能以后会涉及你的代码,他们可能会不知道一些名字是什么意思,所以他们可能需要先熟悉框架的语法。

4、你可能潜在的损失了时间

如果你已经熟悉了某个特定的设计和开发方式而又被迫去使用你不熟悉的CSS框架,你可能会损失时间。这有可能是一个客户希望使用你不熟悉的框架,或者是合作者坚持使用某个框架,或者是其它什么情况。关键在于CSS框架是实实在在的,它就存在于那里,人们了解它们,并且有些人可能会希望使用你没关心过的框架或者你可以使用自己的方式更快地完成任务。它可能是一个小小的缺点,但是相比前面的缺点,它是只是有的时候是一个缺点。

CSS框架优点和缺点

最后,CSS框架好不好呢?当然,理由就好像自动变速的车好不好一样。意思是,大部分人都会使用自动变速的,因为它使得驾驶更简单和快捷。当你有一辆新车时,你很快就能熟悉它。但是还是有一小部分人希望或者需要使用手动变速——出于燃料效率,享受,比赛或者其它什么原因。

大部分开发者都会得到CSS框架给Web开发和设计简化带来的好处。但是还有一小部分人坚持以他们自己的方式来完成任务,以获得更精准的控制和结果——就像手动驾驶适合漂移。

那么你应不应该使用CSS框架呢?对于绝大多数设计者,应该,你应该考虑使用CSS框架(不确定的话也一样)。然而,它最终取决于你是“自动变速”还是“手动变速”的网页设计者。[English]

相关 [css 框架] 推荐:

介绍27款经典的CSS框架

- jessie - 蓝色理想
利用 CSS 框架,可以简化你的工作,提高工作效率. CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块. 下面给你推荐了27款优秀的CSS框架,你可以选用. 960gs 960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容.

10 个加速 CSS 开发的框架

- Tairan Wang - ITeye资讯频道
CSS 可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而 CSS 本身是不支持的. 本文介绍了 10 个 CSS 预处理器,让 CSS 支持一些简单的编程语法,使Web开发更高效. Compass 是一个开源的 CSS 制作框架. 针对个人框架开发时,其非常简单、易用. 这是一个很棒的 CSS 预处理器,可以让开发者制作插件,要求 PHP 以及 Apache (mod_deflate 和 mod_rewrite).

最佳PHP,HTML5和CSS框架大荟萃之二 HTML5框架

- - Web前端 - ITeye博客
这篇文章继续我们的框架大荟萃,如果你没有阅读前面的文章,请点击这里查看 PHP框架. 数以百万计的设计师和工程师都接受使用foundation框架来作为产品或者网站的前端设计. foundation是第一个支持响应式,语义化, 移动为先的开源框架. 最近Foundation5已经发布,作为当今最快速的发布版本工具,在很多方便比如开发产品和网站都很快.

使用CSS框架的优点和缺点

- SmallColor - RockUX | WEB、前端、JavaScript、PHP
CSS框架是一个软件,它为你的HTML开发提供了许多选项以供使用,可能使得你开发网站或web程序更快速更简单. CSS框架通过包括预定义代码库来达到这个目的. 一个例子是基于网格的框架,它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块. 最终来说有时候有的东西节约你的时间的代价是引发了更多地问题,导致节约的时间没有意义了.

Semantic:来自未来的CSS布局框架

- 小宇 - 雷锋网
CSS网格框架可以让你享受轻松的生活,但这依然无法掩盖它们的不足. 让我们感到幸运的是,先进技术为我们引入了新的方法去布局网页. 在我们前往了解先进技术前,我们必须首先了解当前影响CSS网格样式的三个看似不可克服的缺陷. 这是我从“纯化论者”口中听到过的最大的抱怨,自我在两年前创建1KB CSS Grid框架开始,CSS网格系统就规定标记和描述必须在一起.

16个非常有用的前端CSS框架

- - Jackchen Design 1984
网页是设计风格渐渐走向几个特点. 一种是创意类而另一种就是框架类. 创意类的网页是让网页更趋向于艺术风格,而框架类的网页则是为了加快网页设计的开发速度以及各种标准化的统一管理. 好的团队都会用一种高效的框架来进行快速开发. 更牛的团队会相应的开发自己的框架,或者对一些开源框架进行二次定制修改来更大程度的发挥效用.

11 款最好 CSS 框架 让你的网站独领风骚

- - 互联网的那点事
网页设计和发展领域已经成为竞争激烈的虚拟世界. 想要在网络的虚拟世界中生存,仅有一堆静止的在线网络应用是远远不够的,网页必须要有很多功能,配以让人无法抗拒的设计. 网页编码一定要合适、精确,才能保证不发生错误,使网页能在浏览器上轻松加载出来. 此外,还要在网页设计中留出足够的空间以充许日后的功能增加和改善,这样做才能让更多与时俱进的特征能加入到网页设计中.

2014 年 15 款最棒的 HTML&CSS 框架

- - 开源中国社区最新新闻
现在,我们来介绍 2014 年推荐给 Web 设计师的 15 款 HTML&CSS 框架. 阅读下面的框架列表,跟我们分享你的看法吧:). Toast 是一款让所有设计都尽可能简单的 CSS 框架,但它又一点也不简单. 一个全英文响应式网格很容易就构造一个简单的布局,box-sizing 功能允许用户自由的填充网页和网格边界,而不需要改变其他任何一个地方的设计.

可以从CSS框架中借鉴到什么

- - 腾讯ISUX - 社交用户体验设计 - Better Experience Through Design
现在很多人会使用 CSS 框架进行快速建站,. 那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置. 使用 CSS 框架大大降低工作成本进行快速建站. 当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题.