日期:2013-05-26  浏览次数:21385 次

什么是css框架

实际上还是让我们从框架说起吧。
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。

css框架通常只是一些css文件的集合,这些文件包括基本规划、表单款式、网格或简单结构、以及款式重置。比如:

  • typography.css 基本排版规则
  • grid.css 基于网格的规划
  • layout.css 通常的规划
  • form.css for 表单款式
  • general.css 更多通用规则

下面一同来了解一下各种不同的CSS框架吧:

1.960 Grid System

960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两品种型,12和16列,他们可以独立使用或是协同使用。

2.WYMstyle CSS Framework

这个项目的目的是提供一组经过良好测试的模块化的CSS文件,能够用于网站的快速设计。WYMstyle是一组CSS文件,你可以很容易的组合这些文件来快速的创建你的网站的规划。通过提供可靠的、经过良好测试的CSS模块,WYMstyle 力求让每个网站防止单调的跨浏览器兼容性测试。

3.YAML CSS Framework

Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更复杂的网站项目提供完整的默认模板包。YAML基于网页标准并支持所有现代浏览器。所有的 Internet Explorer的次要渲染漏洞都被处理。YAML 完全支持从5.x到7.0的所有的IE版本。

4.YUI Grids CSS

基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功用。 这个4KB的文件可提供超过1000中页面规划组合。

有国外作者曾指出YUI Grids CSS中最值得学习的网格规划CSS写法:

  • 负Margin技术
  • 使用度量单位em
  • 清除规划的浮动

5.Logicss Framework

Logic CSS 框架是用来减少开发符合web标准的xHTML规划的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset文件或是用“*”),排版支持文本字体大小调整(使用EMs) 和垂直居中,符合可定义的灵活的规划网格利用css代码生成工具

6.CleverCSS

CleverCSS是一个用于css的受Python启发的小型的标记言语,它可用于以整洁的和结构化的方式创建一个款式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了Python的规则,它仍然是组织款式的很好的主意。

7.Elements CSS Frameworks

Elements 是一个实用的CSS框架。它是为了协助设计师更快更高效的来写CSS而建立。Elements 曾经超越了仅仅作为一个框架,它有本人的项目任务流。它拥有你完成项目所需的所有东西,这也让你和你的浏览者感到愉悦。阅读 概述 了解更多。

8.Blueprint CSS

Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的规划和一个打印款式。

9.Schema Web Design Framework

Schema 是一个为了提供在反复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建HTMl/CSS不同,Schema提供必要的基础来开始并立马让你的设计跑起来。

10.Emastic CSS Framework

Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻觅重生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”规划。

11.That Standards Guy CSS Framework

* 只能调用单个款式文件
* 主款式需求取得CSS认证(WCAG 1.0);
* 跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac;
* IE Hacks使用独立文件;
* 快速创建模板;
* 少量注释/