SAY討論區

標題: 精選15個國外CSS框架 [打印本頁]

作者: learnsing 時間: 2012-5-23 18:59:50 標題: 精選15個國外CSS框架

实际上还是让我们从框架说起吧。框架就是一个你可以用於你的網站项目的基本的概念上的结構體。css框架通常隻是一些css文件的集合，这些文件包括基本佈局、表单样式、網格或简单结構、以及样式重置。比如：

typography.css 基本排版规则
grid.css 基於網格的佈局
layout.css 通常的佈局
form.css for 表单样式general.css 更多通用规则

下面一起来瞭解一下各種不同的CSS框架吧:1.http://960.gs/http://blog.bingo929.com/css-frameworks-15.html960網格系统是一个通过提供通常使用的尺寸简化網站开发流程的努力的结果，基於960像素的页面宽度。它有两種类型，12和16列，他们可以独立使用或是协同使用。2.http://www.wymstyle.org/en/

这个项目的目的是提供一组经过良好测试的模块化的CSS文件，能够用於網站的快速设计。WYMstyle是一组CSS文件，你可以很容易的组合这些文件来快速的创建你的網站的佈局。通过提供可靠的、经过良好测试的CSS模块，WYMstyle 力求让每个網站防止枯燥的跨浏览器兼容性测试。3.http://www.yaml.de/en/home.html

Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更復杂的網站项目提供完整的默认模板包。YAML基於網页标準並支持所有现代浏览器。所有的 Internet Explorer的主要渲染漏洞都被解决。YAML 完全支持从5.x到7.0的所有的IE版本。4.http://developer.yahoo.com/yui/grids/

基本的YUI網格CSS提供4種预设的页宽、6種预设模板和再分为2、3、4卷的区块的功能。这个4KB的文件可提供超过1000中页面佈局组合。有国外作者曾指出YUI Grids CSS中最值得学习的網格佈局CSS写法:

负Margin技术
使用度量单位em
清除佈局的浮动

5.http://code.google.com/p/logicss/

Logic CSS 框架是用来减少开发符合web标準的xHTML佈局的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset 文件或是用“*”)，排版支持文本字體大小调整(使用EMs) 和垂直居中，符合可定义的灵活的佈局網格利用css代码生成工具。6.http://sandbox.pocoo.org/clevercss/

CleverCSS是一个用於css的受Python启发的小型的标记语言，它可用於以整潔的和结構化的方式创建一个样式表。在很多方面它都比 CSS2整潔和强大。與CSS最明显的区别是句法：它基於缩进而且不单调。虽然这显然违反瞭Python的规则，它依然是组织样式的很好的主意。7.http://elements.projectdesigns.org/

Elements 是一个实用的CSS框架。它是为瞭帮助设计师更快更高效的来写CSS而建立。Elements 已经超越瞭仅仅作为一个框架，它有自己的项目工作流。它拥有你完成项目所需的所有东西，这也让你和你的浏览者感到愉悦。8.http://code.google.com/p/blueprintcss/

Blueprint 是一个 CSS 框架，它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目，BP由一个易用的網格、合理的佈局和一个打印样式。9.http://www.davidgoldingdesign.com/schema.html

Schema 是一个为瞭提供在重復的设计任务中必须的CSS和HTML标签而设计的表现层的網页框架设计。與为每一个新的網站项目从零开始创建HTMl/CSS不同，Schema提供必要的基础来开始並立马让你的设计跑起来。10.http://code.google.com/p/emastic/

Emastic 是一个CSS框架，它有连续的任务：探索陌生的新世界，寻找新生活和新的網站空间，大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化，在網格中使用固定和不固定的列宽。 Elastic 用“em”佈局。11.http://www.thatstandardsguy.co.u ... 3/my-css-framework/

* 隻能调用单个样式文件* 主样式需要取得CSS认证(WCAG 1.0)；* 跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac；* IE Hacks使用独立文件；* 快速创建模板；* 少量注释/实例演示，可以节省时间来理解。12.http://www.contentwithstyle.co.uk/Articles/17/a-css-framework/

下一个逻辑步骤就是将这个扩展为CSS框架，允许使用写好並通过测试的组件来快速开发網站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板…13.http://code.google.com/p/css-boilerplate/

14.http://eswat.ca/

ESWAT正在重新整理。如果你是冲着我的網站框架来的，那麼你就可以在这裡下载。也许你也想看看我的其他项目gmachina、AppleSeed。15.http://devkick.com/lab/tripoli/

Tripoli是一个用於HTML表现的通用css规范。通过重设和重建浏览器标準，Tripoli 为你的網站项目提供瞭一个标準的、跨浏览器表现的基础。[ 本帖最後由 star0libra 於 2010-11-06 08:18 PM 編輯 ]

作者: tomato_alex 時間: 2012-5-23 19:54:37

這帖沒看過，來看看

作者: 前程 時間: 2012-5-23 20:10:59

老大,我好崇拜你喲

作者: chrity__summer 時間: 2012-5-23 20:26:42

文筆流暢，修辭得體，深得魏晉諸朝遺風，更將唐風宋骨發揚得入木三分，能在有生之年看見樓主的這個帖子。實在是我三生之幸啊。

歡迎光臨 SAY討論區 (http://say.go2tutor.com/)