推荐10款CSS框架

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

1. CSS网页布局框架 Elastic

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

CSS网页布局框架 Elastic

2.(X)HTML/CSS 框架 ThinkCSS

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

3. CSS框架 EZ-CSS

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

CSS框架 EZ-CSS

4.CSS框架 960 Grid System

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

CSS框架 960 Grid System

5.开源CSS样式框架 bluetrip

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

开源CSS样式框架 bluetrip

6.CSS 框架 Blueprint CSS

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

CSS 框架 Blueprint CSS

7.快速开发CSS的框架 CSScaffold

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

快速开发CSS的框架 CSScaffold

8.CSS布局框架 Invisible CSS

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

9.开源CSS框架 Markercss

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

10.SlickMap CSS

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

SlickMap CSS

本文转自:http://www.php100.com/html/webkaifa/DIV_CSS/2011/0525/8142.html

本文由 Kayo Lee 发表,本文链接:https://kayosite.com/recommended-ten-css-framework.html

评论列表

  • 评论者头像
    回复

    这个挺好的 直接可以参考使用的
    进行二次开发挺不错的
    PS;应该加个快捷键确实回复提交功能
    比较人性化点 话说现在用快捷键都成趋势了

    • 评论者头像
      回复

      @心淡若水 嗯嗯,这些都是比较优秀的css框架,使用这些框架能大大提高开发效率。
      之前也有不少童鞋反映过想要快捷键回复的功能,我也打算添加进去了,主要是因为自己平时不大使用这个功能,所以一直拖到现在,童鞋,抱歉啊 :cry: ,一会果断添加进去!

  • 评论者头像
    回复

    折腾主题中都没涉及到CSS框架的部分,小白路过~\(≧▽≦)/~啦啦啦

  • 评论者头像
    回复

    :mrgreen: 它们认识我~我不认识它们

  • 评论者头像
    回复

    主题右下角的那几个控制按钮是用css设置的吗?

    • 评论者头像
      回复

      @Delay7 是用jQuery控制改变字体的css,貌似这个功能挺受欢迎,周末写篇文章详细介绍一下!

回复

你正在以游客身份访问网站,请输入你的昵称和 E-mail