UECSS.COM

专注前端开发,关注用户体验,记录成长历程

css 框架

对于小的Web开发项目来说,CSS 框架并不一定就适用,至少不见得能提高多少工作效率。但对于一个开发团队和规模比较大的项目来说,CSS 框架不仅能加快设计进更能解决网站改版中带来的诸多麻烦和问题。当适当地使用CSS框架的时候,或许会减少您开发的进度。相反,如果您在项目中选择了错误的框架,那么就可能会耗费额外的工作和时间。下面来看看一些自认为还可以的css框架:

Blueprint: 一款 CSS 框架

Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间,同时包含了 CSS reset以消除不同浏览器之间的它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布差异局和一个打印样式。

YUI Grid CSS

YUI Grids CSS 支持像固定宽度布局那样的流宽度布局。这是基于YUI Grids CSS 高级应用,区别于其它 CSS 框架。您可以通过从官方网站中下载快速参考表和YUI Grids生成来开始 YUI Grids CSS 应用。YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。有国外作者曾指出YUI Grids CSS中最值得学习的网格布局CSS写法:

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

960 Grid System

一款很值得查看的非常出色的CSS框架。该下载包含有Firework,Photoshop,Inkscape等等的模板。所以您可以马上设计网页模板。PSD的文件,已经准备好的配备指南也为设计师们节省了不少时间


YAML CSS Framework

YAML 是一个有着良好文档,经得起考验的CSS框架。您可以从官方网站上轻松地下载到PDF文档及示例项目。这里有一些工具会帮助您开发。YAML 的使用者可以视觉上创建基于 YAML CSS 布局。Dirk Jesse的能够对(X)HTML/CSS 框架扩展,支持复杂web项目。YAML基于web标准和支持各种流行浏览器,尤其支持所有IE版本包括从 5.x/Win 到 7.0.

Elastic CSS Framework

Elastic 提供说明性的语言来定义布局的结构和行为。这个框架很年轻,它演示的非常好的范例都来自官方网站本身。

4 thoughts on “css 框架

Leave a comment

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif