`

精选15个国外CSS框架

阅读更多

什么是css框架

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

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

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

您还可以参考以下前端开发/CSS相关资源:

推荐12款可用于前端开发的免费文本编辑器
Web前端开发必备手册下载
推荐20个让你学习并精通CSS的网站
300+Jquery, CSS, MooTools 和 JS的导航菜单资源

下面一起来了解一下各种不同的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框架收集

分享到:
评论

相关推荐

    国外css 框架源码.rar

    由于文件名只给出了“国外css框架源码”这一概括性名称,没有具体的框架列表,我们可以推测这个压缩包可能包含多个文件夹,每个文件夹对应一个不同的框架。在每个文件夹里,通常会有框架的核心CSS文件(如`.css`),...

    精选国外15个CSS框架.pdf

    文档中提到的这15个CSS框架代表了前端开发中广泛使用的一系列工具和方法。开发者可以根据项目需求、个人偏好、以及框架特点来选择合适的框架。一些框架专注于布局和组件,而其他框架则更加注重于一致性和可访问性。...

    精选国外15个CSS框架整理.pdf

    标题中的“精选国外15个CSS框架整理.pdf”指的是一个包含15个流行且在国外广泛使用的CSS框架的资源集合。这些框架旨在简化网页设计过程,提高开发效率,并确保跨浏览器的兼容性。以下是对其中一些框架的详细说明: ...

    国外css 框架源码

    标题中的“国外css框架源码”指的是源自海外的CSS(层叠样式表)框架的原始代码。这些框架是由开发者社区创建并维护的,旨在提供一套预定义的样式、布局和组件,以加速网页设计和开发过程。它们通常包含了丰富的响应...

    css框架开发者版本

    在描述中,“国外非常流行的CSS框架”表明这个框架在国际上有很高的知名度和使用率,可能是因为其功能强大、社区支持活跃,或者具有独特的设计理念。提到“非常实用漂亮”,意味着这个框架不仅提供了实用的功能,还...

    960网格CSS框架

    总之,960网格CSS框架是一个强大的工具,它简化了网页布局的复杂性,提高了开发效率,同时也为创建美观、响应式的网页提供了强有力的支持。无论你是初学者还是经验丰富的开发者,掌握这个框架都能使你在网页设计领域...

    blueprint-css框架

    国外很好用的CSS框架.Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。自我感觉好用。故推荐于此

    拼图响应式前端CSS框架v1.0正式版

    拼图前端框架在传统CSS框架的基本上,增加了HTML5、CSS3、JS等技术组合应用,应用于最新的浏览器技术,同时兼容较早的浏览器,新旧结合,承前启后,开发者只需把框架文件引入到项目中,就可以初现快速的共同开发,...

    拼图(pintuer.com)-国产跨屏响应式前端框架-CSS框架

    拼图前端框架在传统CSS框架的基本上,增加了HTML5、CSS3、JS等技术组合应用,应用于最新的浏览器技术,同时兼容较早的浏览器,新旧结合,承前启后,开发者只需把框架文件引入到项目中,就可以初现快速的共同开发,...

    10个外国Css模版

    4. **Bootstrap框架**:很多CSS模板基于Bootstrap,这是一个流行的开源前端框架,提供了栅格系统、组件和JavaScript插件,能快速构建响应式且移动优先的网站。 5. **CSS布局技术**:如Flexbox和Grid,是现代CSS布局...

    AceAdminUI框架是外国很流行的一个UI框架,很适合后台开发人员.zip

    AceAdminUI框架是一款在国外备受推崇的用户界面(UI)框架,专为后台开发人员设计。这个框架以其高效、易用和功能丰富的特性赢得了广大开发者的好评。下面将详细介绍AceAdminUI框架的一些关键知识点。 首先,...

    国外后台管理模版(基于bootstrap)框架简单易于修改

    标题中的“国外后台管理模版(基于bootstrap)框架简单易于修改”揭示了这是一个适用于后台管理系统的设计模版,它采用了流行的Bootstrap前端框架。Bootstrap是Twitter推出的一个开源工具包,主要用于简化网页设计和...

    全球网络CSS网页模板

    这些模板通常包含了一系列预先设计好的页面布局、色彩方案、字体样式和交互元素,旨在为开发者提供快速构建网页的基础框架,减少从零开始设计的时间和工作量。 在网页设计中,CSS(Cascading Style Sheets)是一种...

    DIV+CSS 国外个性涂鸦模板

    "div+css模板"则是一个完整的、可以复用的设计框架。 **知识点详解** 1. **DIV+CSS布局**:在网页设计中,元素是一个通用容器,用于组织和分隔内容。CSS(层叠样式表)用于定义这些元素的外观和布局。通过CSS,...

    相当经典的国外模板,含css,和psd

    标题中的“相当经典的国外模板,含css,和psd”指的是这个压缩包内包含了一些源自海外的、具有经典设计风格的网页模板。这些模板通常由专业设计师创作,旨在为用户提供可快速构建网站基础布局和样式的框架。CSS...

    利用CSS框架进行高效率的站点开发 Elements

    CSS框架这个概念在这个时候显得越发的重要,也是必要! 在去年的时候曾经说过用Dreamweaver 代码片断 提高css开发效率。其实已经是CSS框架的雏形。而国外也开始有很多的CSS Frame出现。css框架已经是我们必须研究...

    Dsure CSS/HTML5网页开发框架 v2.1.rar

    Dsure参考了国内/外优秀的框架库,经过仔细研究探讨,针对国内和国外网站开发需求,重构编写了一套更适宜于国内(包括国外)的网站CSS/HTML开发框架,在这里它主要运用于Designers Site Program 全站静态系统的各类高端...

    渴切-开源中文css框架之CSS网页对搜索引擎优化的优势分析..pdf

    《渴切——开源中文CSS框架对搜索引擎优化的优势分析》 CSS(Cascading Style Sheets)在网页设计中扮演着至关重要的角色,尤其在搜索引擎优化(SEO)方面,它展现出诸多优势。国外的网页设计趋势普遍倾向于使用DIV...

    一套国外DIV+CSS模板(超级漂亮)

    【标题解析】:“一套国外DIV+CSS模板(超级漂亮)”这个标题暗示了我们讨论的主题是一套设计精美的网页模板,这些模板采用了HTML中的DIV元素和CSS(层叠样式表)进行布局和样式控制。国外设计通常注重用户体验、...

Global site tag (gtag.js) - Google Analytics