精选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代码生成工具。