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

RamblingSoul 2009-11-11 04:50:00
css

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

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

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

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



1.Blueprint:



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



2.960 Grid 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



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



7.Content With Style



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



8.Elastic CSS Framework



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



9.Molio CSS/HTML Templates

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



10.SenCSS



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

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

WYMstyle
CSS-boilerplate
Typogridphy
CleverCSS
Logicss


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

本站文章如无特殊说明均为原创,转载的朋友请保留文章链接和出处:
本文链接:http://jsssc.cn/10-promising-css-framework-that-worth-a-look/
...全文
92 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
mykelly6 2009-11-12
  • 打赏
  • 举报
回复
哪些是有中文文档的啊,英文的看得太累了
ACMAIN_CHM 2009-11-11
  • 打赏
  • 举报
回复
草原可可 2009-11-11
  • 打赏
  • 举报
回复
感谢分享

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧