推荐 10 款 CSS 框架，网页设计就是这么简单

标签： css 框架 网页设计 | 发表时间：2011-05-20 11:12 | 作者：(author unknown) ayu
出处：http://news.cnblogs.com/

程序开发人员和网页设计人员掐架的事情常有听说，程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷，因为开源帮了你，下面为你介绍11款相当不错的CSS框架，专心做程序吧，网页设计交给开源帮你。

CSS网页布局框架 Elastic

Elastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局，如下图所示：

clip_image001

(X)HTML/CSS 框架 ThinkCSS

TC (”ThinkCSS”) 是一个 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准，可以让每个网站防 止枯燥的跨浏览器兼容性测试。你可以将他理解成一套模板，里面包含了大多数站点中所需要的那些css类。他很小，只有四个文件而已。总共不到6KB。

CSS框架 EZ-CSS

EZ-CSS 是一个非常轻量级的（只有1K）的CSS框架，用来简化创建各种页面排版和效果。

clip_image002

CSS框架 960 Grid System

960 Grid System 是一个纯css做成的css框架，使用它能有效的简化美工的操作。

clip_image003

开源CSS样式框架 bluetrip

开源的CSS样式框架。BlueTrip 提供了一系列有用的样式，让你省去了设计网站时候的那些繁琐的工作，而只需关注你设计。

clip_image005

CSS 框架 Blueprint CSS

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

clip_image006

快速开发CSS的框架 CSScaffold

CSScaffold是一款帮助CSS开发者快速进行开发的框架，使用PHP编写而成- Simple, but powerful ！

clip_image008

CSS布局框架 Invisible CSS

Invisible 是一个简单和模块化的 CSS 框架，本身不复杂，提供一些常用的网页布局css。

开源CSS框架 Markercss

Markercss是一个用于快速创建Web页面布局的开源CSS框架。提供的样式表包括：layout、borders、backgrounds、 links、forms、text、colors和tables。

SlickMap CSS

SlickMap CSS 是一个简单的样式单用来根据 sitemap 显示对应的图形化信息，如下图所示：

clip_image009


　　本文链接：http://news.cnblogs.com/n/101627/

　　相关新闻：
　　· 2011年值得注意的5个设计趋势(2010-11-26)
　　· 令人难以置信的纯 CSS3 图标(2010-08-24)
　　· 推荐 Web 开发人员应有的免费 Android 应用(2011-05-06)
　　· Visual Studio 2010 SP1将支持HTML5和CSS3(2011-01-29)
　　· Smashing Magazine CSS3 设计赛获奖作品(2010-07-13)

相关 [css 框架 网页设计] 推荐：

推荐 10 款 CSS 框架，网页设计就是这么简单

- ayu - 博客园新闻频道
程序开发人员和网页设计人员掐架的事情常有听说，程序员们总是为自己设计不出来漂亮的网页而纠结. 不再郁闷，因为开源帮了你，下面为你介绍11款相当不错的CSS框架，专心做程序吧，网页设计交给开源帮你. CSS网页布局框架 Elastic. Elastic 是一个简单的 CSS 框架用来对网页进行布局. Elastic 可实现各种各样常见的网页布局，如下图所示：.

HTML5和CSS3：网页设计的框架

- 壮壮爱 - 译言-每日精品译文推荐
来源HTML5 and CSS3: Wireframing in the final product. 框架是Photoshop和网页经典的比较之处. 现有的框架和原型工具不能准确体现网站的需求. 静态设计的网站不能在web浏览器上浏览. 而且当你完成网站最终建设，网页上一些元素看起来和草稿中相对应元素不完全一样，客户端会发现那些字体定位上的细微的区别.

网页设计师必备的10个CSS技巧

- - 博客 - 伯乐在线
CSS是网页设计师的基础，对CSS的了解能使他们能够设计出更加美观别致的网页. 使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情. 在CSS的深海世界里有很多有意思的东西，你只需要找到最适合你的就好. 当然我们不可能一下子就记住所有CSS的规则和语法，但为了以后的发展我们还是应该记住那些非常有用的CSS技巧.

每个网页设计师应该知道的10条CSS规则

- - 博客园_首页
通过网页设计师的大量CSS经验，我们会记住所有种代码语法，兼容性和片段. 有一些特定的CSS，可以真正帮助改变你的网站设计改变较旧的技术规则和声明. 这里是我收集到的很有用的10条CSS规则. 如果需要支持老版本的浏览器，那你就必须坚持使用css1的媒体描述符screen和print，到底是哪些老版本的浏览器，没有查.

介绍27款经典的CSS框架

- jessie - 蓝色理想
利用 CSS 框架，可以简化你的工作，提高工作效率. CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块. 下面给你推荐了27款优秀的CSS框架，你可以选用. 960gs 960 像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够很好地展现网页内容.

10 个加速 CSS 开发的框架

- Tairan Wang - ITeye资讯频道
CSS 可以做很多事情，但开发者更习惯的是变量、常量和一般的更快速的语法，而 CSS 本身是不支持的. 本文介绍了 10 个 CSS 预处理器，让 CSS 支持一些简单的编程语法，使Web开发更高效. Compass 是一个开源的 CSS 制作框架. 针对个人框架开发时，其非常简单、易用. 这是一个很棒的 CSS 预处理器，可以让开发者制作插件，要求 PHP 以及 Apache (mod_deflate 和 mod_rewrite).

最佳PHP，HTML5和CSS框架大荟萃之二 HTML5框架

- - Web前端 - ITeye博客
这篇文章继续我们的框架大荟萃，如果你没有阅读前面的文章，请点击这里查看 PHP框架. 数以百万计的设计师和工程师都接受使用foundation框架来作为产品或者网站的前端设计. foundation是第一个支持响应式，语义化， 移动为先的开源框架. 最近Foundation5已经发布，作为当今最快速的发布版本工具，在很多方便比如开发产品和网站都很快.

使用CSS框架的优点和缺点

- SmallColor - RockUX | WEB、前端、JavaScript、PHP
CSS框架是一个软件，它为你的HTML开发提供了许多选项以供使用，可能使得你开发网站或web程序更快速更简单. CSS框架通过包括预定义代码库来达到这个目的. 一个例子是基于网格的框架，它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块. 最终来说有时候有的东西节约你的时间的代价是引发了更多地问题，导致节约的时间没有意义了.

Semantic：来自未来的CSS布局框架

- 小宇 - 雷锋网
CSS网格框架可以让你享受轻松的生活，但这依然无法掩盖它们的不足. 让我们感到幸运的是，先进技术为我们引入了新的方法去布局网页. 在我们前往了解先进技术前，我们必须首先了解当前影响CSS网格样式的三个看似不可克服的缺陷. 这是我从“纯化论者”口中听到过的最大的抱怨，自我在两年前创建1KB CSS Grid框架开始，CSS网格系统就规定标记和描述必须在一起.