`
xiao
  • 浏览: 165781 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

YUI Grids 网格Grid

YUI 
阅读更多

格子Unit (.yui-u)
网格Grid (.yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf)
首格子 (.first)

 

两列
.yui-g 1/2 - 1/2 (均匀分布)

.yui-gc 2/3 - 1/3
.yui-gd 1/3 - 2/3
.yui-ge 3/4 - 1/4
.yui-gf 1/4 - 3/4


三列
.yui-gb 1/3 - 1/3 - 1/3 (均匀分布)

分享到:
评论

相关推荐

    YUI 中的 Grids CSS值得关注和学习的

    YUI Grids CSS主要包含三个方面的重要概念和技术,分别是: 1. **负边距布局思想**: 负边距(Negative Margins)是一种灵活的布局技术,可以用来创建液态布局(Liquid Layouts),即页面能够根据浏览器窗口的大小...

    yui.rar 例子

    在这个例子中,左中右三个模块的划分,正是通过YUI的Container组件和Grids CSS实现的,它们使得页面结构清晰,代码可读性强。 接下来,我们要讨论的是YUI的模块化设计。YUI遵循了“按需加载”的原则,这意味着...

    yahoo3.0 YUI Examples

    3. **CSS组件**:YUI提供了丰富的CSS样式库,如Grids(网格布局)、Buttons(按钮)、Forms(表单)等,使得界面设计更加统一和规范。 4. **Widget系统**:YUI 3的Widget系统是一套强大的UI组件,包括了如...

    yui 资源包

    2. **响应式设计**:YUI提供了响应式设计工具,如Grids布局系统,能根据屏幕尺寸自动调整页面布局,适应各种设备。 3. **事件处理**:YUI的事件系统强大,支持事件绑定、解绑、事件冒泡等,使得用户交互编程简单易行...

    yui3-master.zip

    《深入理解YUI3:基于yui3-master.zip的探讨》 YUI(Yahoo! User Interface Library)是由雅虎公司开发的一套开源JavaScript库,它为Web开发者提供了丰富的功能和工具,以创建交互性强、性能优秀的网页应用。YUI3是...

    YUI-EXT使用详解

    2. **布局管理器(Layout Manager)**:YUI-EXT提供了一套强大的布局管理机制,允许开发者创建各种复杂的页面布局,如边栏、网格、填满屏幕等。布局管理器能够自动调整子组件的大小和位置,以适应不同的屏幕尺寸和...

    yui_3.8.1.zip

    3. **CSS样式和布局**:YUI包含一套响应式设计的CSS框架,如Grids布局系统,帮助开发者快速创建响应式的网页布局。 4. **数据管理**:YUI提供了Model、ModelList和Store等组件,用于数据的存储、管理和同步,与...

    YUI 详细说明文档

    - **5.3 Grids**:提供了一套网格布局系统,便于创建响应式的网页布局。 #### 六、YUI组件 YUI提供了多个组件来增强Web应用的功能性和交互性。 - **6.1 ConnectionManager**:用于处理Ajax请求的组件。 - **6.2...

    yuicompressor-yui compressor

    yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...

    关于yui的学习

    6. **布局管理**:讨论YUI Grids和Layout Manager,用于构建响应式和自适应的页面布局。 7. **性能优化**:介绍如何利用YUI工具对JavaScript和CSS进行压缩,提升网页加载速度。 8. **示例和实践**:提供实际代码示例...

    yui_3.0.0(雅虎官方)

    2. **响应式设计支持**:在YUI 3.0.0中,雅虎增强了对响应式设计的支持,提供了多种工具和组件,如Grids布局系统,帮助开发者创建适应不同屏幕尺寸和设备的网页。 3. **事件系统**:YUI 3.0.0提供了一个强大的事件...

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。 YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两...

    yui3-3.17.2最新版

    YUI 3包含了一系列核心模块,如Event(事件处理)、Node(DOM操作)、IO(异步数据交互)等,同时还有许多可选的组件,如Grids(表格)、Charts(图表)、Form(表单元素)等,覆盖了前端开发的多个方面。...

    【YUI组件】基于YUI的表单验证器

    1. **YUI库**:了解YUI的基本结构、模块化设计和如何引入到项目中,是使用YUI表单验证器的前提。 2. **表单验证**:表单验证的常见规则包括非空检查、长度限制、格式验证(如邮箱、电话号码等)和自定义验证函数。 3...

    yuicompressor-2.4.8.jar

    《yuicompressor-2.4.8.jar:前端优化与代码压缩的艺术》 在Web开发领域,优化前端性能是一项至关重要的任务,而yuicompressor-2.4.8.jar正是这样一款强大的工具,专为JavaScript代码压缩而设计,助力开发者实现...

    YUI3.6文档及示例

    YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的Web应用程序。YUI3.6版本是该库的一个重要里程碑,提供了丰富的组件和工具,以支持现代Web开发的...

    雅虎YUI组建

    YUI的CSS组件提供了预定义的样式和布局解决方案,如Grids布局系统,使得网页布局变得更加简单。它还包括了诸如Button、Form、Menu等UI元素的样式,使得网页设计风格统一且易于定制。 **3. JavaScript组件** - **...

    《YUI使用文档》汉语版的yui学习材料

    《YUI使用文档》汉语版是一份详细的YUI学习材料,它涵盖了这个JavaScript库的核心功能和使用方法。YUI,全称Yahoo! User Interface Library,是Yahoo开发的一个开放源代码的JavaScript库,旨在帮助开发者创建交互式...

    Yahoo YUI 资料

    `Grids`模块则提供了响应式网格布局,适应不同屏幕尺寸。 7. **Ajax和IO** `YUI.io()`函数提供了异步请求功能,支持JSONP、XMLHttpRequest等多种方式,方便与服务器交换数据。`YUI.jsonp()`则专门处理JSONP请求,...

Global site tag (gtag.js) - Google Analytics