`
androider
  • 浏览: 748417 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论
阅读更多

YAML (”Yet Another Multicolumn Layout”) 是一个 (X)HTML/CSS 框架,它为了满足弹性的和用户友好的布局而开发的。YAML自2007年出现以来就提供了广而全的文档。像许多其他的CSS-Framework如Blueprint CSSYUI Grids 一样,提供了一个预定义的 CSS-classes 系统,用来创建基于网格的布局。要创建一个布局,设计师需要创建网站 HTML 结构,然后为容器(html标签)书写CSS,剩下的就自理了。

YAML 是走不同的路线,他支持基于网格的布局开发,也支持网格系统开发,但都是强调弹性都布局。如果有设计师想要创建基于网格都布局,他可以使用三列,头部和尾 部的基本框架。每个元素都能够移动或者适应用户都需求。真实都设计中,列的位置是使用 CSS来定义的(在其它都 CSS 框架中使用都是 html 结构来做的)。对设计师都好处:使用 YAML 你定义类时能得到更好都选择,使用任何尺寸的单元并得到干净都代码。

基于 HTML 结构的 YAML 包括了已经防止 IE-bug 都布局都预设置。因此,它可以让设计师们更容易都创建它们都布局而不用担心新老浏览器都兼容问题。这个布局示例 ( Layout examples) 提供了在 YAML 中什么是可能的一个概述,也可能会带给你们未来都设计布局的一些新的想法。除此之外,YAML 还提供来一套灵活都网格组件,你可以在列中创建列因而创建更复杂又弹性的网格布局。

相对上面都示例, BluePrint 框架也有一个使用 BluePrint 创建布局的示例页面(demo_page ),它与 YAML 使用弹性都网格元素创建都模板非常都相似,这个缩放的模板甚至能在 IE5.5 下正常地工作,包括最大和最小宽度(max-width and min-width)。

除了布局设计以外,YAML 也为打印布局传递样式表,也作为水平和垂直都导航的组件。要掌握 YAML 需要一定的时间学习(攀爬学习曲线):这个工具提供了很多不同的功能和用户友好的弹性布局,这些都不是很容易就能创建的。

然而,YAML 的概念是有很好的在线文档和PDF文档,提供一个完整的框架介绍给初学者和专业人员。你也可以通过使用 YAML-Builder 来实践,这是一个非常方便的基于 YAML 都 CSS 布局的可视化开发工具,它允许你通过拖放来创建可视化都布局,有效的 HTML 和 CSS 代码都会实时地自动生成。

分享到:
评论

相关推荐

    yaml配置文件解析-yaml

    **YAML配置文件解析-YAML** YAML (YAML Ain't Markup Language) 是一种轻量级的数据序列化语言,被广泛应用于配置文件和数据交换。它具有简洁易读的特性,支持多种编程语言,如Python、Java、Ruby等。YAML的语法...

    c++版yaml库yaml-cpp

    **C++版YAML库yaml-cpp** yaml-cpp是一个用C++编写的开源库,专为解析、生成YAML格式的数据而设计。YAML(YAML Ain't Markup Language)是一种人类可读的数据序列化语言,常用于配置文件、数据交换和存储等领域。...

    yaml-cpp-yaml-cpp-0.6.2.zip

    《深入理解YAML-CPP库:解析YAML文件的CPP实现》 YAML,全称“YAML Ain't Markup Language”(发音同“camel”,意为“不是标记语言”),是一种简洁、直观的数据序列化语言。它常用于配置文件、数据交换格式等领域...

    yaml-cpp.tar.gz

    《yaml-cpp库详解与应用》 yaml-cpp是一个开源的C++库,专门用于解析和生成YAML(Yet Another Markup Language)格式的数据。YAML是一种简洁、直观的人类可读的数据序列化语言,常被用于配置文件、数据交换以及存储...

    Python使用pyyaml模块处理yaml数据

    pyyaml模块在python中用于处理yaml格式数据,主要使用yaml.safe_dump()、yaml.safe_load()函数将python值和yaml格式数据相互转换。当然也存在yaml.dump()、yaml.load()函数,同样能实现数据转换功能,只是官方不太...

    ingress的yaml文件

    YAML(YAML Ain't Markup Language)是一种数据序列化格式,常用于Kubernetes资源对象的配置文件,包括Ingress。下面我们将深入探讨Ingress的YAML文件及其相关知识点。 1. **Ingress资源对象**: - Ingress是...

    yaml-cpp-yaml-cpp-0.6.0.tar.gz

    《yaml-cpp库详解及其在运维中的应用》 yaml-cpp是C++语言的一个开源库,主要用于解析和生成YAML(YAML Ain't Markup Language)格式的数据。YAML是一种轻量级的数据序列化语言,广泛应用于配置文件、数据交换、...

    yaml-cpp库的编译&安装

    **yaml-cpp库的编译与安装指南** yaml-cpp是一个用C++编写的YAML解析器和生成器库,广泛应用于配置文件处理和数据序列化。为了在项目中使用yaml-cpp,我们需要先下载、解压源代码,然后进行编译和安装。以下是一...

    python读取yaml文件后修改写入本地实例

    Python中的YAML(YAML Ain't Markup Language)是一种数据序列化格式,常用于配置文件或数据交换。在本文中,我们将探讨如何使用Python的`ruamel.yaml`库来读取、修改并写入YAML文件。 首先,我们需要安装`ruamel....

    yaml-cpp-yaml-cpp-0.5.3.tar.gz_yaml-cpp_yaml-cpp0.5

    在yaml-cpp-0.5.3版本中,除了这两个主要组件外,还有一些辅助类和函数,如`Yaml::Parser`用于解析YAML输入,`Yaml::Exception`处理解析或序列化过程中的错误,以及`Yaml::parse`和`Yaml::dump`两个方便的全局函数,...

    yaml文件解析(java)

    在IT行业中,YAML(Yet Another Markup Language)是一种流行的、易于阅读的数据序列化格式,常用于配置文件和数据交换。Java作为一种广泛使用的编程语言,提供了多种库来处理YAML文件,如SnakeYAML和Jackson YAML。...

    nacos-k8s-yaml.zip

    在Kubernetes(简称k8s)环境中,Nacos可以通过YAML文件进行部署,实现服务在容器集群中的高可用和动态管理。本文将深入探讨如何使用YAML文件在k8s上部署Nacos集群,以及如何结合NFS(Network File System)实现数据...

    MatLab的YAML库文件

    在MATLAB中,YAML(YAML Ain't Markup Language)是一种流行的数据序列化格式,它被广泛用于存储配置文件、数据传输以及版本控制系统中的元数据。YAML库为MATLAB提供了一个接口,允许用户轻松地读取和写入YAML格式的...

    在Qt中使用yaml-cpp库对yml文件进行读写

    在Qt框架中,开发人员有时需要处理配置文件或者序列化数据,YAML(YAML Ain't Markup Language)是一种流行的数据序列化格式,因为其简洁、易读性而被广泛使用。yaml-cpp库是一个用于C++的YAML解析器和生成器,它...

    props2yaml-idea-plugin.zip

    props2yaml-idea-plugin是一款专为Java开发人员设计的IntelliJ IDEA插件,它能够方便地将传统的Properties配置文件转换成现代的YAML格式。这个插件的目的是提高代码的可读性和维护性,因为YAML(YAML Ain't Markup ...

    JAVA基于SnakeYAML实现解析与序列化YAML

    JAVA基于SnakeYAML实现解析与序列化YAML JAVA基于SnakeYAML实现解析与序列化YAML是JAVA开发中的一种常见需求,本文主要介绍了如何使用SnakeYAML库将YAML文档转换为Java对象,以及Java对象如何序列化为YAML文档。...

    k8s yaml 批量生成工具

    1. 资源内容:实际游戏项目中使用的简化版 k8s yaml 生成工具,由 Go 语言编写 2. 应用场景: a. 部署时需要现写/维护已有的 yaml,例如更改 deployment、service、hpa、ingress、configmap 等 b. 需要批量部署一...

    jackson-dataformat-yaml-2.10.0-API文档-中文版.zip

    赠送jar包:jackson-dataformat-yaml-2.10.0.jar; 赠送原API文档:jackson-dataformat-yaml-2.10.0-javadoc.jar; 赠送源代码:jackson-dataformat-yaml-2.10.0-sources.jar; 赠送Maven依赖信息文件:jackson-data...

    jackson-dataformat-yaml-2.11.4-API文档-中文版.zip

    赠送jar包:jackson-dataformat-yaml-2.11.4.jar; 赠送原API文档:jackson-dataformat-yaml-2.11.4-javadoc.jar; 赠送源代码:jackson-dataformat-yaml-2.11.4-sources.jar; 赠送Maven依赖信息文件:jackson-data...

    k8s 创建mysql的 全套yaml文件

    在Kubernetes(k8s)集群中创建MySQL数据库服务,通常涉及到多个YAML文件的配置,这些文件共同定义了MySQL的部署、服务、持久卷和持久卷声明等组件。以下是对这一过程的详细阐述: 首先,`mysql-deployment.yaml`是...

Global site tag (gtag.js) - Google Analytics