• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >div/css > 27款经典的CSS框架小结 网页制作必备

27款经典的CSS框架小结 网页制作必备

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含css框架案例,css框架,css布局框架,css框架有哪些,css框架代码等相关知识,佚名 希望在学习及工作中可以帮助到您
下面给你推荐了27款优秀的CSS框架,你可以选用。

1. 960gs

960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程,使工作简单高效。

2. YUI 2: Grids CSS

芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS 正是其中的一部分。作为最著名的 CSS 框架之一,YUI Grids CSS 提供了四种预设页面宽度,六种预设模板。其中的负 Margin 技术,使用度量单位 em,清除布局浮动等技术非常值得学习和借鉴。

3. Blueprint

Blueprint 是一款成熟的 CSS 框架,它将布局 (layout)、排版 (typography)、组件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在网页设计时就减少了引入的代码,提高了页面加载效率。

4. BlueTrip

BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印样式; 960.gs的简洁;Elements 图标的一个css框架。为你提供一个好用的样式集合和一个制作网站的通用的方法。这样你就可以集中精力搞设计了。

5. Elastic CSS

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

6. Easy

市面上流行的JQUERY组件功能都被纳入其框架中,你只要直接使用这个框架,不用学习复杂的AJAX JQuery语法,非常方便。

7. EZ-CSS

EZ-CSS是一个轻量级,浏览器友好,易于使用的CSS框架。用于创建CSS+Div的页面复杂布局(layouts)。

8. Tripoli

Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

9. CleverCSS

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

10. SenCSS

它为你CSS重复的部分提供了合理的样式,这样你就能更加关注于自己网站的样式。SenCSs不像其他CSS框架那样,它不包含各种杂乱的布局样式或是预定义的栅格系统,那SenCSs能刚什么呢?baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能办到的。

11. Emastic

Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

12. Typogridphy

Typogridphy是一个适合网格布局的CSS框架,用来帮助网页设计师和前端开发者能够快速编码实现漂亮的网格布局。它可以让你快速创建出各种各样的网格布局,并且非常轻松和简单。这个框架的CSS充分符合语义验度,严格的Xhtml等标准 。

13. Less Framework 3

它是一个以less.js为基础的CSS框架,它充分利用它的混入,变量和筑巢等高级功能。
2 下一页 阅读全文</div> </div>

您可能想查找下面的文章:

  • 27款经典的CSS框架小结 网页制作必备

相关文章

  • 2017-06-02Firebug 调试器Web开发者应掌握12个初级使用技巧
  • 2017-06-02CSS教程:DIV底部放置文字
  • 2017-06-02常用的清除浮动的方法
  • 2017-06-02css教程制作八卦镜代码分享
  • 2017-06-02css float浮动属性的深入研究及详解拓展(二)
  • 2017-06-02浏览器渲染文本过程分析
  • 2017-06-02纯css的accordion效果(代码分享)
  • 2017-06-02纯CSS实现Tab切换标签效果代码
  • 2017-06-02div+css最小高度的实现代码(兼容ie6/ie7/ie8/firefox)
  • 2017-06-02背景偏移取图标的实现方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • li样式不显示使用overflow:hidden导致Li前面点、圈等样式不见
    • 使用Table,DIV,XHTML三者制作网页的区别.
    • 通过浮动+定位实现两个div在同一行
    • 下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
    • div+CSS设置一行内文字超过宽度不换行且不显示截断文字加...
    • 多行排列图片时hover上去加边框挤图片的解决方法兼容IE7+
    • css实现文字图片垂直居中效果
    • div css 滚动条样式 DIV滚动条属性及样式设置方式
    • 让多个div在同一行显示的样式及html代码
    • html div 透明样式示例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有