专家推荐 10款优秀CSS框架

开发 前端
你对常用的CSS框架是否了解,这里向大家推荐10个优秀的CSS框架,就像其他编程语言一样,CSS也可以把一些重复使用的代码整合起来,这样可以减轻很多的工作量。

本文向大家描述一下10个优秀的CSS框架,恰当地利用CSS框架可以缩短开发时间,不过话说回来,如果选错了CSS框架胡乱用于实际开发中,必然会适得其反

10个优秀的CSS框架

大多数做过网页设计的都知道“CSS框架”,而且肯定有很多设计师已经开始在作品中使用CSS框架。就像其他编程语言一样,CSS也可以把一些重复使用的代码整合起来,这样可以减轻很多的工作量。

恰当地利用CSS框架可以缩短开发时间,不过话说回来,如果选错了CSS框架胡乱用于实际开发中,必然会适得其反。

下面介绍的是一些值得深入研究的开源CSS框架,你可以通过搜索轻易地获取源代码。

1.Blueprint:

 

Bluepring包含了方便实现浏览器兼容的resetCSS。另外,它还包含了在网页开发中经常用到的很多外部工具和模板。

2.960GridSystem

又一个值得深入研究的CSS框架,提供的源文件包含了Firework、Photoshop、Inkscape等等的模板,可以拿来随手即用,PSD文件中已经预置了参考线,可以为设计师节省不少时间。

3.TripoliFramework

Tripoli可以支持几乎现有的所有浏览器,甚至是IE5,包含了一些基础CSS库,和一些封装过的CSS插件,比如:Layout、Visual、Type、Negative。

4.YAML-YetAnotherMulticolumnLayout

YAML是一款开发文档齐全、非常可靠的框架,参照它给出的PDF文档和官方网站上的示例可以很轻松地上手,它也提供很多开发中可以利用的工具,比如李咏YAMLBuilder可以构造一个机遇YAML的CSS布局实例。

5.YUIGridCSS

YUIGridCSS不仅支持固定宽度的布局实现还支持不定宽度的布局,这也是它比其他框架更为灵活的地方,你可以下载YUI的cheatsheet和官方网站的YUIGridsBuilder来快速上手使用YUIGridsCSS。

6.BlueTrip

BlueTrip区别与其他框架的特点是它非常有特色而且十分美观,它的官方网站上有完整的开发文档和demo。

7.ContentWithStyle

ContenWithStyle是一款固定宽度布局的CSS框架,包含了一系列的布局示例比如,一列垂直导航、两列垂直导航等等。

8.ElasticCSSFramework

Elastic提供了用声明式语言来定义布局结构和行为,这个框架还刚刚起步,最好的Demo就是它的官网本身。

9.MolioCSS/HTMLTemplates

Mollio的开发始于IE7暴露出很多渲染的问题,它可以作为网站布局的参考,特别适合CSS初学者。

10.SenCSS

Sen并没有提供布局方面实例,但是有一些类似baseline,fonts,paddings,margins的CSS可利用,它包含了一个开发版本和一个发布版本。

其他的一些CSS框架,可能你也会喜欢:

WYMstyle
CSS-boilerplate
Typogridphy
CleverCSS
LogiCSS

选择一框合适的CSS框架不管对学习CSS还是实际开发都是非常有用的,熟悉更多的框架就可以通晓这些框架设计和实现的可鉴之处,提高CSS框架设计水平之日可待。

【编辑推荐】

  1. 探究采用DIV+CSS框架的利与弊
  2. CSS Sprites样式生成工具用法详解
  3. FireFox和IE中CSS兼容技巧汇总
  4. CSS代码整理及优化七大原则
  5. 深入剖析Firefox下 margin-top失效原因与解决方案
责任编辑:佚名 来源: 236web.com
相关推荐

2011-09-05 09:53:36

CSS

2017-03-23 09:58:47

HTMLCSSJavaScript

2011-10-09 13:50:37

HTML 5

2010-09-03 15:48:47

CSS

2010-09-01 09:08:34

CSS

2012-02-29 15:46:48

HTML 5

2018-11-22 08:44:02

SQL Server服务器工具

2019-10-14 15:34:10

Web 开发框架

2022-12-06 17:22:45

2010-09-07 15:08:25

CSS框架

2020-04-25 20:57:37

机器学习机器学习工具

2011-11-29 16:07:36

移动Web开发框架移动开发

2010-07-14 13:57:30

Perl开发工具

2022-07-11 06:43:21

测试框架Java

2011-06-28 09:24:44

jQuery

2021-03-26 09:36:45

CSS框架前端

2021-02-09 00:28:59

WebCSS开源

2011-11-11 10:01:37

HTML 5

2010-08-05 10:38:10

Flex开源项目

2010-06-28 12:59:50

UML工具软件
点赞
收藏

51CTO技术栈公众号