摘要:css框架通常指的是一些css文件的集合,这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。本文将介绍15个国外最流行的css框架,希望对您有所帮助。
css框架通常指的是一些css文件的集合,这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。例如,typography.css是基本排版规、grid.css是基于网格的布局、layout.css通常的布局,包括form.css for是表单样式等等,本文将介绍15个国外最流行的css框架,仅供参考。
虽然对于小的web开发项目来说,css框架并不一定适用,但是对于规模较大的团队开发项目而言,css框架不仅能加快设计开发速度,而且还能有效解决网站改版中带来的诸多麻烦和问题。
1. elements css frameworks
elements是一个实用的css框架。它是为了帮助设计师更快更高效的来写css而建立。elements已经超越了仅仅作为一个框架,它有自己的项目工作流。它拥有你完成项目所需的所有东西,这也让你和你的浏览者感到愉悦。
2 . yui grids css
yui grids基本的yui网格css提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能。 这个4kb的文件可提供超过1000中页面布局组合。
3 . yaml css framework
dirk jesse的强大的(x)html/css框架为许多的简单或更复杂的网站项目提供完整的默认模板包。yaml基于网页标准并支持所有现代浏览器。所有的 internet explorer的主要渲染漏洞都被解决。yaml 完全支持从5.x到7.0的所有的ie版本。
4. blueprint css
blueprint是一个css框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,bp由一个易用的网格、合理的布局和一个打印样式。
(web前端学习交流群:328058344 禁止闲聊,非喜勿进!)
5 . schema web design framework
schema是一个为了提供在重复的设计任务中必须的css和html标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建html/css不同,schema提供必要的基础来开始并立马让你的设计跑起来。
6. clevercss
clevercss是一个用于css的受python启发的小型的标记语言,它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比css 2整洁和强大。与css最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了python的规则,它依然是组织样式的很好的主意。
7 . tripoli css framework
tripoli是一个用于html表现的通用css规范。通过重设和重建浏览器标准,tripoli为你的网站项目提供了一个标准的、跨浏览器表现的基础。
8 . eswat web project framework
eswat正在重新整理。如果你是冲着我的网站框架来的,那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、appleseed。
9 . boilerplate css framework
作为blueprint css的原作者之一,我决定把我的思想重新整理到一个赤裸裸的框架,它提供最基本的要素来开始任何项目。这个框架将是较小的而且力求不使用非语义的命名习惯。你就是设计者而且你的技术很重要。
10 . wymstyle css framework
wymstyle是一组css文件,你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的css模块,wymstyle力求让每个网站防止枯燥的跨浏览器兼容性测试。
11 . content with style framework
content with style下一个逻辑步骤就是将这个扩展为css框架,允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板。
12 . logicss framework
logicss框架是用来减少开发符合web标准的xhtml布局的时间的一个由css文件和php程序组成的集合。通常跨浏览器表现行为(不是meyer的reset文件或是用“*”),排版支持文本字体大小调整(使用ems) 和垂直居中,符合可定义的灵活的布局网格利用css代码生成工具。
13 . that standards guy css framework
that standards guy只能调用单个样式文件,主样式需要取得css认证(wcag 1.0); 跨浏览器兼容性—包括internet explorer (ie) 5.x for mac; ie hacks使用独立文件;快速创建模板;框架中提供少量注释/实例演示,可以节省时间来理解。
14. 960 grid system
960 grid system是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两种类型,12和16列,他们可以独立使用或是协同使用。
15. emastic css framework
emastic是一个css框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去css框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 elastic用“em”布局。