zoukankan      html  css  js  c++  java
  • 精选15个国外CSS框架

    什么是css框架

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

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

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

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

    1.960 Grid System

    CSS-框架-960

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

     

    2.WYMstyle CSS Framework

    CSS-框架-WYMstyle

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

    3.YAML CSS Framework

    CSS-框架-YAML

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

    4.YUI Grids CSS

    CSS-框架-YUI

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

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

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

    5.Logicss Framework

    CSS-框架-logicss

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

    6.CleverCSS

    国外-CSS-框架

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

    7.Elements CSS Frameworks

    CSS-框架-elements

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

    8.Blueprint CSS

    CSS-框架-blueprint

    Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。

    9.Schema Web Design Framework

    CSS-框架-schema

    Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建HTMl/CSS不同,Schema提供必要的基础来开始并立马让你的设计跑起来。

    10.Emastic CSS Framework

    CSS-框架-emastic

    Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

    11.That Standards Guy CSS Framework

    CSS-框架

    * 只能调用单个样式文件
    * 主样式需要取得CSS认证(WCAG 1.0);
    * 跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac;
    * IE Hacks使用独立文件;
    * 快速创建模板;
    * 少量注释/实例演示,可以节省时间来理解。

    12.Content with Style Framework

    CSS-框架-content

    下一个逻辑步骤就是将这个扩展为CSS框架,允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板…

    13.Boilerplate CSS Framework

    CSS-框架-boilerplate

    14.ESWAT Web Project Framework

    CSS-框架-eswat

    ESWAT正在重新整理。如果你是冲着我的网站框架来的,那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、 AppleSeed。

    15.Tripoli CSS Framework

    CSS-框架-tripoli

    Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

    彬Go会经常更新前端开发/网页设计等相关技术及教程文章,欢迎订阅本博客来及时浏览本博客的最新教程及资源。

    英文原文:CSS Frameworks
    翻译原文:css框架收集

  • 相关阅读:
    leetcode 309. Best Time to Buy and Sell Stock with Cooldown
    leetcode 714. Best Time to Buy and Sell Stock with Transaction Fee
    leetcode 32. Longest Valid Parentheses
    leetcode 224. Basic Calculator
    leetcode 540. Single Element in a Sorted Array
    leetcode 109. Convert Sorted List to Binary Search Tree
    leetcode 3. Longest Substring Without Repeating Characters
    leetcode 84. Largest Rectangle in Histogram
    leetcode 338. Counting Bits
    git教程之回到过去,版本对比
  • 原文地址:https://www.cnblogs.com/radom/p/1770947.html
Copyright © 2011-2022 走看看