关闭

精选15个国外最流行的CSS框架

标签: css框架cssframeworksstandards框架浏览器
517人阅读 评论(0) 收藏 举报
分类:

CSS框架通常指的是一些CSS文件的集合,这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置例如:

  • typography.css 基本排版规则
  • grid.css 基于网格的布局
  • layout.css 通常的布局
  • form.css for 表单样式
  • general.css 更多通用规则

 

虽然对于小的WEB开发项目来说,CSS框架并不一定适用,但是对于规模较大的团队开发项目而言,CSS框架不仅能加快设计开发速度,而且还能有效解决网站改版中带来的诸多麻烦和问题这里推荐的15款CSS框架是现在国外最流行的CSS框架,希望能对你的开发有所帮助!
1 . Elements CSS Frameworks
按此在新窗口浏览图片飞飞Asp技,术乐园CSS Frameworks

Elements 是一个实用的CSS框架它是为了帮助设计师更快更高效的来写CSS而建立Elements 已经超越了仅仅作为一个框架,它有自己的项目工作流它拥有你完成项目所需的所有东西,这也让你和你的浏览者感到愉悦阅读 概述 了解更多
2 . YUI Grids CSS
按此在新窗口浏览图片CSS Frameworks

YUI Grids基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能 这个4KB的文件可提供超过1000中页面布局组合 更多信息
3 . YAML CSS Framework
按此在新窗口浏览图片CSS Frameworks

Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更复杂的网站项目提供完整的默认模板包YAML基于网页标准并支持所有现代浏览器所有的 Internet Explorer的主要渲染漏洞都被解决YAML 完全支持从5.x到7.0的所有的IE版本
4 . Blueprint CSS
按此在新窗口浏览图片CSS Frameworks

Blueprint 是一个CSS 框架,它的目的是减少你的css开发时间它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式
5 . Schema Web Design Framework
按此在新窗口浏览图片CSS Frameworks

Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计 与为每一个新的网站项目从零开始创建HTMl/CSS不同,Schema提供必要的基础来开始并立马让你的设计跑起来
6 . CleverCSS
按此在新窗口浏览图片CSS Frameworks

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

Tripoli是一个用于HTML表现的通用css规范通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础
8 . ESWAT Web Project Framework
按此在新窗口浏览图片CSS Frameworks

ESWAT正在重新整理如果你是冲着我的网站框架来的,那么你就可以在这里下载也许你也想看看我的其他项目gmachina、AppleSeed
9 . Boilerplate CSS Framework
按此在新窗口浏览图片CSS Frameworks

作为BluePrint CSS的原作者之一,我决定把我的思想重新整理到一个赤裸裸的框架,它提供最基本的要素来开始任何项目这个框架将是较小的而且力求不使用非语义的命名习惯你就是设计者而且你的技术很重要
10 . WYMstyle CSS Framework
按此在新窗口浏览图片CSS Frameworks

WYMstyle是一组CSS文件,你可以很容易的组合这些文件来快速的创建你的网站的布局通过提供可靠的、经过良好测试的CSS模块,WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试
11 . Content with Style Framework
按此在新窗口浏览图片CSS Frameworks

Content with Style下一个逻辑步骤就是将这个扩展为CSS框架,允许使用写好并通过测试的组件来快速开发网站实际上所需的是搞定一套命名习惯和一个灵活的基本模板
12 . Logicss Framework
按此在新窗口浏览图片CSS Frameworks

Logicss 框架是用来减少开发符合web标准的xHTML布局的时间的一个由CSS文件和PHP程序组成的集合通常跨浏览器表现行为(不是Meyer的reset文件或是用“*”),排版支持文本字体大小调整(使用EMs) 和垂直居中,符合可定义的灵活的布局网格利用css代码生成工具飞飞Asp技.术乐园
13 . That Standards Guy CSS Framework
按此在新窗口浏览图片CSS Frameworks

That Standards Guy只能调用单个样式文件,主样式需要取得 CSS认证(WCAG 1.0); 跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac; IE Hacks使用独立文件; 快速创建模板;框架中提供 少量注释/实例演示,可以节省时间来理解
14 . 960 Grid System
按此在新窗口浏览图片CSS Frameworks

960 Grid System是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度它有两种类型,12和16列,他们可以独立使用或是协同使用
15 . Emastic CSS Framework
按此在新窗口浏览图片CSS Frameworks

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

原文链接:http://www.ffasp.com/content.asp?newsid=1672

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:32459次
    • 积分:402
    • 等级:
    • 排名:千里之外
    • 原创:17篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    文章分类