`
atusoft
  • 浏览: 55167 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

一个好的css 框架blueprint

阅读更多

你没看错, css也可以做框架,http://code.google.com/p/blueprintcss/

当你在页面导入它后, 只要将最顶端的div class设为container, 如果你需要一个固定宽度的框,就用span-1做为div的class, 以此类推 直至span-24, span之间为10px的间隔, 如果你需要更多间隔就加prepend-1或者 append-1。 这样你就可以完全忘掉table了

 

它也提供api来修改宽度, 一条ruby命令

 

分享到:
评论

相关推荐

    css框架Blueprint CSS

    总结起来,Blueprint CSS 是一个强大且实用的CSS框架,能够帮助开发者快速构建响应式的、视觉统一的网页。其网格系统、预定义样式和打印优化等功能,大大提高了开发效率,同时也降低了维护成本。对于任何希望提升...

    blueprint——CSS框架

    由于 HTML 是一种标准,并且所描述的是结构而非样式,因此 Blueprint 框架是完全作为 CSS 实现的。要使用 Blueprint,您在设计网页时要以 Blueprint 为指导,然后再设计或生成 HTML,以便将 Blueprint CSS 样式应用...

    blueprint-css框架

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

    Blueprint是一个CSS框架它的目的是减少你的css开发时间

    Blueprint CSS框架是一个高效且实用的设计工具,专为前端开发者设计,旨在简化CSS(层叠样式表)的编写过程,从而大幅度提高开发效率。这个框架以其强大的功能和易用性,深受许多开发者的喜爱。在本文中,我们将深入...

    Blueprint css框架2013年最新可视化操作工具-boks-v0.5.8

    最新版div+css可视化开发工具,boks-v0.5.8,适用于blueprint css框架的开发,拖拉拽即可导出漂亮的网页架构。

    CSS框架集合

    12. logicss-snapshot-20071004[CSS框架]:Logicss可能是一个注重逻辑和模块化的框架,帮助开发者更好地组织代码。 这些CSS框架和模板展示了不同年代和设计理念的演变,为开发者提供了广泛的选择。了解和掌握这些...

    可视化 Blueprint 框架 CSS 生成工具

    Blueprint是一种CSS框架,由Eric Meyer和Jacobian于2007年推出。它的核心理念是提供一套预定义的网格系统、表单样式、按钮样式等,以便开发者能够快速创建响应式和一致的网页设计。通过使用Blueprint,开发者可以...

    blueprint CSS

    **Blueprint CSS** 是一个流行的 CSS 框架,它提供了一套预先定义好的样式规则,帮助开发者快速构建响应式的网页布局。该框架的主要特点包括网格系统、字体重置以及一系列实用的类名,使得 HTML 元素能够保持一致性...

    Boks – 可视化 Blueprint 框架 CSS 生成工具[AIR]

    **正文** Blueprint框架是一款流行的前端开发工具,它提供了一套完整的CSS、JavaScript和图片资源,旨在简化网页...如果你正在寻找一个能够帮助你轻松管理Blueprint CSS样式的工具,Boks无疑是一个值得尝试的选择。

    Blueprint CSS Framework 学习笔记

    Blueprint CSS Framework 是一个高效且实用的前端开发工具,旨在简化CSS编码过程,提高开发效率。这个框架提供了标准化的CSS规则,帮助开发者快速构建响应式和易于维护的网页设计。以下是对Blueprint CSS Framework...

    精选国外15个CSS框架.pdf

    - WYMstyle 是一个简单的CSS框架,着重于提供一致的跨浏览器体验。 - 提供了基本的HTML元素样式和布局类,以帮助开发者构建结构良好的网页。 3. **YAML CSS Framework** - YAML是一个高性能的CSS框架,支持跨...

    blueprint-css-v1.0.1-8

    "blueprint-css-v1.0.1-8" 是一个基于CSS的框架,它旨在帮助开发者快速构建具有统一风格和高效布局的Web页面。Blueprint CSS是流行的设计框架之一,尤其在2007年推出后受到了广泛的关注。这个版本1.0.1-8代表了该...

    blueprint-css

    蓝图(Blueprint)CSS 是一个开源的前端框架,专为简化网页设计流程而创建。这个框架的主要目标是提供一套完整的、可扩展的基础样式,帮助开发者快速构建具有专业外观和一致性的网页应用。它的核心理念是通过预定义...

    推荐10款CSS框架.docx

    1. **Elastic CSS框架**:这是一个专为网页布局设计的简单框架,支持多种常见的网页布局模式。它可以帮助开发者快速构建出美观的网页结构。 2. **ThinkCSS**:ThinkCSS是一个XHTML/CSS框架,其主要目标是缩短CSS...

    Blueprint 指南

    ### Blueprint CSS框架开发指南 #### 一、简介 **Blueprint** 是一款强大的 CSS 框架,它通过一套预定义的样式和结构来简化前端开发流程。与传统的 CSS 不同,Blueprint 强调模块化的设计理念,使得开发者可以根据...

    精品CSS软件包八款之3——frameworkThreev1.0116.03.2009 改编自 BlueprintCSS的CSS框架

    标题提及的是“精品CSS软件包八款之3——frameworkThreev1.0116.03.2009 改编自 BlueprintCSS的CSS框架”,这表明我们讨论的是一个名为“frameworkThree”的CSS框架,它是基于Blueprint CSS的改编版。这个版本是v...

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

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

    优秀的CSS 框架整理

    4. **Blueprint CSS**:Blueprint是一个旨在缩短CSS开发时间的框架,提供了一个强大的网格系统、字体排版规则和打印样式表,使得创建一致的设计变得容易。 5. **Schema Web Design Framework**:Schema专注于展示层...

Global site tag (gtag.js) - Google Analytics