css框架(CSS Frameworks):CSS框架应用

2016-02-19 23:41 12 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享css框架(CSS Frameworks):CSS框架应用,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

什么是css框架

实际上还是让我们从框架说起吧。
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。

阅读更多网页教学网CSS框架相关知识:

CSS教程关于css框架网页设计 门户网站构建CSS框架的规则

利用CSS框架进行高效率的站点开发 CSS框架的利与弊(上)

CSS框架的利与弊(下) 利用CSS框架进行高效率的站点开发 Elements

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

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

下面一起来了解一下各种不同的CSS框架吧:

1.

CSS-框架-960

960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两种类型,12和16列,他们可以独立使用或是协同使用。

2.

CSS-框架-WYMstyle

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

这个项目的目的是提供一组经过良好测试的模块化的CSS文件,能够用于网站的快速设计。WYMstyle是一组CSS文件,你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块,WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试。

3.

CSS-框架-YAML

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

4.

CSS-框架-YUI

基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能。 这个4KB的文件可提供超过1000中页面布局组合。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

有国外作者曾指出YUI Grids CSS中最值得学习的网格布局CSS写法:

负Margin技术 使用度量单位em 清除布局的浮动 5.

CSS-框架-logicss

Logic CSS 框架是用来减少开发符合web标准的xHTML布局的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset文件或是用*),排版支持文本字体大小调整(使用EMs) 和垂直居中,符合可定义的灵活的布局网格利用css代码生成工具。

6.

国外-CSS-框架

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

7.

CSS-框架-elements

Elements 是一个实用的CSS框架。它是为了帮助设计师更快更高效的来写CSS而建立。Elements 已经超越了仅仅作为一个框架,它有自己的项目工作流。它拥有你完成项目所需的所有东西,这也让你和你的浏览者感到愉悦。

来源:http://www.tulaoshi.com/n/20160219/1630395.html

延伸阅读
所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧!希望你们喜欢! 1.HTML5boilerplate H5BP带给你非常漂亮的文档,一个网站优化的编译脚本,还有一个自定义的boilerpla...
标签: Web开发
对于大型门户,海量信息平台及多模块,多区域化网站,更需要对CSS,XHTML,的标准化,符合语意的HTML框架,复用性强的CSS代码,这些才能保障你的网站,具有很好的地基。 第一部:关于构建CSS框架我们要实现的目的: 1.实现标准化,具备主流平台适应性的前端实现; 2.快速开发,在站点风格确定后,前端不应该成为整个项目里瓶颈; 3.重...
标签: Web开发
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所有子框架使用 CSS box-align: center 来实现这种效果。 可是目前还有相当一部分主流...
标签: Web开发
[ 参与测试的浏览器 :IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome2 ] [ 操作系统 :Windows] 先看代码: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta ht...
标签: Web开发
我们在工作当中肯定总结了一些儿有价值的东西,而真正将这些有价值的东西收集整理在一起并发表出来的就比较少了。下面的3个人确做到了,他们将自己工作当中经常使用的页面框架布局分类整理出来和大家分享。在其中选择你需要的布局,然后把css考过来就可以使用了。 1、 优秀并免费的css模版: 这个网站提供了免费的css模版供你使用,仅仅是...

经验教程

721

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部