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

yui grid css 1/6-1/6-1/6-1/6-1/3

    博客分类：
  • web
YUICSSHTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <title>YUI Base Page</title>
   <link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
</head>
<body>
<div id="doc3" class="yui-t7">
   <div id="hd"><h1>Header</h1></div>
   <div id="bd">
		<div class="yui-gb">
        	<div class="yui-g first">
        		<div class="yui-u first"><label>test One 1/6</label></div>
        		<div class="yui-u"><input type="text" name="some_name" value="1/6" id=""/></div>
        	</div>
        	<div class="yui-g"> 
        		<div class="yui-u first"><label>test One Two Tree Four 1/6</label></div>
        		<div class="yui-u"><input type="text" name="some_name" value="1/6" id=""/></div>
        	</div>
        	<div class="yui-g"><input type="reset" value="reset 1/3" id="" /></div>
		</div>
	</div>
   <div id="ft"><p>Footer</p></div>
</div>
</body>
</html>
分享到：
| yui grid css 1/8-1/8-1/8-1/8-1/2
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    精选国外15个CSS框架.pdf

    1. **1.960 Grid System** - 这是一个经典的CSS网格系统，提供了多种列布局，便于创建灵活的网页布局。 - 适用于需要快速构建网页布局的开发者，支持多种断点以实现响应式设计。 2. **WYMstyle CSS Framework** ...

    extjs培训2011-12-17

    ExtJS最初由Jack Slocum基于YUI技术开发而成，并从中汲取灵感，设计了一套类似于Java Swing的组件模型。这种设计理念让ExtJS不仅拥有强大的UI功能，还在CSS样式应用、数据解析以及异常处理等方面表现突出，成为了...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -Grid中TemplateField生成到页面中控件具有唯一ID，例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...

    基于Extjs的开源控件库ExtAspNet v3.1.9.rar

    注：ExtAspNet 基于一些开源程序，比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor.   ExtAspNet 2012-06-03 v3.1.7 更新： -修正不能选蓝色主题BUG，修正后台生成RadioButtonList时，AJAX获取不到选中值...

    前端团队管理 前端基础架构的实践和思考 共22页.pdf

    * PREPROCESSING SYSTEM CSSPython-SCSSDouban-UICSS3-MIXIN * 库/框架通用功能库jQuerycommon.jscore.css / grid.cssbase.html * 通用组件UI非UI模板组件应用框架移动应用路由管理 * JS模板系统（jQuery Template/...

    Exjs 入门篇

    1. `resources/css/ext-all.css`：这是ExtJS的默认样式表，用于定义组件的外观，如果不引入，界面将无法正常显示。 2. `adapter/ext/ext-base.js`：基础脚本文件，包含ExtJS的核心功能和组件架构。 3. `ext-all.js`...

    yui的扩展ext.rar

    《深入理解YUI扩展EXT——构建高效前端UI与Ajax应用》 YUI（Yahoo! User Interface Library）是由雅虎公司开发的一套开源JavaScript库，它为开发者提供了丰富的UI组件和功能，以帮助创建高性能、易用的Web应用程序...

    实用HTML，CSS和JavaScript速查表

    YUI Grid CSS CSS 速记简表 CSS速查表(V2) CSS速记表 CSS2参考指导(V2) 实用CSS速查表 Javascript jQuery 1.4.2 直观速查表 JavaScript 速查表 JavaScript参考单 JavaScript真经 常用DOM方法 ...

    ExtAspNet_v2.3.2_dll

    -Grid中TemplateField生成到页面中控件具有唯一ID，例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...

    ext js教程PPT

    ExtJS的核心在于其组件化的设计，这包括窗口（Window）、面板（Panel）、表单（Form）、表格（Grid）、树形视图（Tree）等丰富的UI元素。这些组件可以组合、嵌套，形成复杂的应用结构。每个组件都有自己的属性、方法...

    yahoo ui库做的tree控件和简单的CSS表单操作

    在这个主题中，我们将深入探讨YUI中的Tree控件以及如何进行简单的CSS表单操作。 首先，让我们来了解YUI Tree控件。Tree控件是一种交互式的用户界面元素，它以层次结构展示数据，常用于文件系统、目录导航或组织复杂...

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

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

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

    这些CSS框架各有特色，有的专注于网格系统，如960 Grid System和YUI Grids CSS，有的强调简洁性和可读性，如CleverCSS，还有些如Emastic和Elements，提供更加全面的解决方案，涵盖工作流程和设计元素。选择合适的CSS...

    Yui_ext 学习笔记

    【Yui_ext 学习笔记】 Yui_ext 是基于 Yahoo! UI Library (YUI) 的扩展，主要用于构建富客户端的 Web 应用程序。这篇学习笔记主要介绍了 Yui_ext 的基础知识，适合对 JavaScript 和 HTML DOM 有一定了解的初学者。 ...

    雅虎css3.9.0整理包

    再者，CSS3.9.0强化了布局模式，如Flexbox（弹性盒模型）和Grid Layout（网格布局）。Flexbox使得在一行或多行内的元素可以灵活地自动调整大小和位置，适合用于导航栏、页脚等组件。而Grid Layout则提供了一种二维...

    编写HTML和CSS的6种最有效的方法

    1. **动态CSS**（Dynamic CSS） 动态CSS，如Sass、Less或Stylus，提供了嵌套规则、变量、混入（mixins）和选择器继承等功能，极大地提高了代码复用和可维护性。这些预处理器能够帮助开发者编写更整洁、更高效的CSS...

    淘宝UED前端技术系列课程-NO.1 淘宝前端技术巡礼

    - **技术创新**：这一时期，前端开发开始采用栅格系统(Grid.css)来优化页面布局，并引入了一系列工具如Jslint、YC、Ant等来进行代码质量和性能的优化。 ##### 2011年至今：成熟与创新并存 - **技术前沿**：随着大...

    优秀的CSS 框架整理

     * typography.css 字体排版规则 * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置 下面是一些不错的CSS框架，推荐学习使用。   Elements CSS Frameworks Elements 是一个...

Magicbox
Global site tag (gtag.js) - Google Analytics