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

哒哒哒晓晓

哒哒哒晓晓

2016-02-19 23:41

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

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

什么是css框架

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

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

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

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

这个项目的目的是提供一组经过良好测试的模块化的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中页面布局组合。

有国外作者曾指出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 已经超越了仅仅作为一个框架,它有自己的项目工作流。它拥有你完成项目所需的所有东西,这也让你和你的浏览者感到愉悦。

展开更多 50%)
分享

猜你喜欢

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

Web开发
css框架(CSS Frameworks):CSS框架应用

(CSS Frameworks) CSS框架相关的汇总

Web开发
(CSS Frameworks) CSS框架相关的汇总

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

css框架是什么

Web开发
css框架是什么

CSS框架的利与弊

Web开发
CSS框架的利与弊

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程关于css框架网页设计

Web开发
CSS教程关于css框架网页设计

CSS框架的利与弊(下)

Web开发
CSS框架的利与弊(下)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

I did not catch you when you pass you do not stop

I did not catch you when you pass you do not stop

CSS教程:inline-block在各浏览器的显示

CSS教程:inline-block在各浏览器的显示
下拉加载更多内容 ↓