• [织梦吧]仅有域名:www.tbea-hb.com,织梦DedeCMS学习渠道.

当时方位: > 网页制造 > DIV&CSS >

精选15个国外CSS结构

来历: www.tbea-hb.com 修改:织梦吧 时刻:2018-09-19点击:

什么是css结构
实际上仍是让咱们从结构说起吧。
结构就是一个你能够用于你的网站项意图根本的概念上的结构体。
css结构一般只是一些css文件的调集,这些文件包含根本布局、表单款式、网格或简略结构、以及款式重置。比方:

  • typography.css 根本排版规矩
  • grid.css 根据网格的布局
  • layout.css 一般的布局
  • form.css for 表单款式
  • general.css 更多通用规矩

下面一起来了解一下各种不同的CSS结构吧:

1.


960网格体系是一个通过供给一般运用的尺度简化网站开发流程的尽力的成果,根据960像素的页面宽度。它有两种类型,12和16列,他们能够独立运用或是协同运用。

2.

CSS-结构-WYMstyle
这个项意图意图是供给一组通过杰出测验的模块化的CSS文件,能够用于网站的快速规划。WYMstyle是一组文件,你能够很简略的组合这些文件来快速的创立你的网站的布局。通过供给牢靠的、通过杰出测验的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) 和笔直居中,契合可定义的灵敏的布局网格运用。

6.

国外-CSS-结构
CleverCSS是一个用于css的受Python启示的小型的符号言语,它可用于以整齐的和结构化的办法创立一个款式表。在许多方面它都比CSS2整 洁和强壮。与CSS最显着的区别是句法:它根据缩进并且不单调。尽管这明显违反了Python的规矩,它依然是安排款式的很好的主见。

7.

CSS-结构-elements
Elements 是一个有用的CSS结构。它是为了协助规划师更快更高效的来写CSS而树立。Elements 现已逾越了只是作为一个结构,它有自己的项目工作流。它具有你完结项目所需的一切东西,这也让你和你的阅览者感到愉悦。阅览  了解更多。

8.

CSS-结构-blueprint
Blueprint 是一个 CSS 结构,它的意图是削减你的css开发时刻。它供给一个牢靠的css根底去创立你的项目,BP由一个易用的网格、合理的布局和一个打印款式。

 

 

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流渠道
  • 仅有网址 www.tbea-hb.com 网站地图
  • 联络咱们 1978130638@qq.com ,