精选15个国外CSS框架

什么是css框
架

实际上还是让我
们从框架说起吧
。

框架就是一个
你可以用于你的
网站项目的基本
的概念上的结构
体。

css框架通常
只是一些css
文件的集合，这
些文件包括基本
布局、表单样式
、网格或简单结
构、以及样式重
置。比如：

typogra
phy.css
基本排版规则

grid.cs
s 基于网格的
布局

layout.
css 通常的
布局

form.cs
s for 表
单样式

general
.css 更多
通用规则

您还可以参考以
下前端开发/C
SS相关资源:

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

1.
960 Gri
d Syste
m

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

2.
WYMstyl
e CSS F
ramewor
k

CSS-框架-WYMstyle

这个项目的目的
是提供一组经过
良好测试的模块
化的CSS文件
，能够用于网站
的快速设计。W
YMstyle
是一组
CSS

文件，你可以很
容易的组合这些
文件来快速的创
建你的网站的布
局。通过提供可
靠的、经过良好
测试的CSS模
块，WYMst
yle 力求让
每个网站防止枯
燥的跨浏览器兼
容性测试。

3.
YAML CS
S Frame
work

CSS-框架-YAML

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

4.
YUI Gri
ds CSS

CSS-框架-YUI

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

有国外作者曾指
出YUI Gr
ids CSS
中最值得学习的
网格布局CSS
写法:

负Margin
技术

使用度量单位e
m

清除布局的浮动

5.
Logicss
Framew
ork

CSS-框架-logicss

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

。

6.
CleverC
SS

国外-CSS-框架

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