10个值得关注的优秀CSS框架

288
作者：豆子（2009-06-03）
关键词：CSS 框架 网页 前端 开发 优秀 设计 开源

   大多数做过网页设计的都知道“CSS框架”，而且肯定有很多设计师已经开始在作品中使用CSS框架。

  就像其他编程语言一样，CSS也可以把一些重复使用的代码整合起来，这样可以减轻很多的工作量。

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

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

 

  1.Blueprint:

blueprint

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

 

2.960 Grid System

960-system

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

 

3.Tripoli Framework

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

 

4.YAML - Yet Another Multicolumn Layout

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

 

5.YUI Grid CSS

YUI Grid CSS不仅支持固定宽度的布局实现还支持不定宽度的布局，这也是它比其他框架更为灵活的地方，你可以下载YUI的cheat sheet和官方网站的YUI Grids Builder来快速上手使用YUI Grids CSS。

 

6.BlueTrip

bluetrip

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

 

7.Content With Style

content-with-style

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

 

8.Elastic CSS Framework

elastic

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

 

9.Molio CSS/HTML Templates

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

 

10.SenCSS

sencss

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

 

其他的一些CSS框架，可能你也会喜欢：

 

  • WYMstyle
  • CSS-boilerplate
  • Typogridphy
  • CleverCSS
  • Logicss

    •  

    选择一框合适的CSS框架不管对学习CSS还是实际开发都是非常有用的，熟悉更多的框架就可以通晓这些框架设计和实现的可鉴之处，提高CSS框架设计水平之日可待。
    本文来源：互联网，转载请注明。复制链接
      相关文章
    更多：[1] [2] [3] [4]
      评论区
    以下评论仅代表网友个人意见，与本站立场无关。
    您好，请 登录 或者 注册 后再进行评论。