对于小的Web开发项目来说,CSS 框架并不一定就适用,至少不见得能提高多少工作效率。但对于一个开发团队和规模比较大的项目来说,CSS 框架不仅能加快设计进程,更能解决网站改版中带来的诸多麻烦和问题。
对于CSS框架,本人也只是处于学习状态,唯一真正试用接触过的CSS框架,只有我之前的介绍的一个960网格系统。下面,收集整理一些CSS框架,孰优孰劣,有需要的朋友亲自去试试。
YUI Grids CSS
这应该是最著名的CSS框架吧,由Yahoo开发小组开发而成。YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。有国外作者曾指出YUI Grids CSS中最值得学习的网格布局CSS写法:
负Margin技术
使用度量单位em
清除布局的浮动
其中负margin技术,我个人觉得WordPress主题sandbox 可谓运用的炉火纯青,有兴趣的朋友可以看看。
YAML CSS Framework
YAML (”Yet Another Multicolumn Layout”) 是一个 (X)html/CSS 框架,它为了满足弹性的和用户友好的布局而开发的。YAML自2007年出现以来就提供了广而全的文档。像许多其他的CSS-Framework如Blueprint CSS 或 YUI Grids 一样,提供了一个预定义的 CSS-classes 系统,用来创建基于网格的布局。要创建一个布局,设计师需要创建网站 HTML 结构,然后为容器(html标签)书写CSS,剩下的就自理了。
Elements CSS Frameworks
Elements是一款纯净的CSS框架,可以帮助设计师快速高效率的书写css文档。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。
WYMstyle: a CSS framework
这个项目的目的是提供一组经过良好测试的模块化的CSS文件,能够用于网站的快速设计。WYMstyle是一组CSS文件,你可以很容易的组合这些文件来 快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块,WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试。
Blueprint CSS
Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。
Boilerplate CSS Framework
作为BluePrint CSS的原作者之一,我决定把我的思想重新整理到一个赤裸裸的框架,它提供最基本的要素来开始任何项目。这个框架将是较小的而且力求不使用非语义的命名习惯。你就是设计者而且你的技术很重要。
Tripoli Beta CSS Framework
Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。
ESWAT Web Project Framework
ESWAT正在重新整理。如果你是冲着我的网站框架来的,那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、AppleSeed。
CwS CSS Framework
下一个逻辑步骤就是将这个扩展为CSS框架,允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板…
Schema Web Design Framework
Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建HTMl/CSS不同,Schema提供必要的基础来开始并立马让你的设计跑起来。
CleverCSS
CleverCSS是一个用于css的受Python启发的小型的标记语言,它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整 洁和强大。与CSS最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了Python的规则,它依然是组织样式的很好的主意。
Logicss Framework
Logic CSS 框架是用来减少开发符合web标准的xHTML布局的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset 文件或是用“*”),排版支持文本字体大小调整(使用EMs) 和垂直居中,符合可定义的灵活的布局。
That Standards Guy CSS Framework
只能调用单个样式文件
主样式需要取得CSS认证(WCAG 1.0);
跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac;
IE Hacks使用独立文件;
快速创建模板;
少量注释/实例演示,可以节省时间来理解。
Emastic CSS Framework
Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。
css组织架构图 css基本框架
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【CSS】第九讲:CSS基本选择器(1)
本文讲了部分CSS选择器
选择器 属性值 基本语法 -
CSS基本布局理解——WEB开发系列38
对CSS学习已经接近尾声,下面你可以对以下两道“小卡拉米”测试进行测试下CSS理解程度。
css3 基本布局 web前端 HTML 百度 -
纯css 组织架构图 css框架结构
【iframe】【frameset】【嵌入网页】 框架:如果你想在一个页面里面,嵌入另一个页面,就可以使用框架了。框架分为两种:一、iframe标签: 本页面中再嵌入另一个网页。iframe标签:浮动的框架,嵌入页面使用。可以直接写在body里面就可以。<iframe></iframe>。操作的时候直接更改此标签的属性
纯css 组织架构图 “嵌入网页” “iframe怎么用” “frameset怎么用” “怎样嵌入多个网页” -
css html 画组织架构图 html5基本结构框架代码
生成页面的基本框架主要还是在head标签中增加一些基本的标签1.<title></title>标签<title>标签顾名思义,为标题,名字的意思,也就是设置网页在显示栏显示的标题。2.<meta charset="UTF-8">在<meta>里charset="UTF-8"表示该网页的国际编码,也是使网页用浏览器打开时显示的是中文的信息,
css html 画组织架构图 viewport介绍 html5页面基本框架 网页基本框架 H5添加meta标签 -
集合的remove方法
equals方法不覆写equals时候 equals() 的作用是 用来判断两个对象是否相等。 equals() 定义在JDK的Object.java中。通过判断两个对象的地址是否相等(即,是否是同一个对象)来区分它们是否相等。源码如下: public boolean equals(Object obj) { return (this == obj); } 既然Object.java中
集合的remove方法 集合排序 equals和hashCode Comparator接口 Comparable接口