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

yui grid css 1/8-1/8-1/8-1/8-1/2

    博客分类：
  • 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-g">
	    	<div class="yui-g first">
	    		<div class="yui-g first">
	    			<div class="yui-u first"><label>test One 1/8</label></div>
        			<div class="yui-u"><input type="text" name="some_name" value="1/8" id=""/></div>
	    		</div>
	    		<div class="yui-g">
	    			<div class="yui-u first"><label>test One Two Tree 1/8</label></div>
        			<div class="yui-u"><input type="text" name="some_name" value="1/8" id=""/></div>
	    		</div>
	    	</div>
	    	<div class="yui-g">
	    		<input type="reset" value="reset 1/2" id="" />
	    	</div>
    	</div>
	</div>
   <div id="ft"><p>Footer</p></div>
</div>
</body>
</html>
分享到：
| Spring Security Multi login page setting
评论
发表评论

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

相关推荐

    精选国外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样式应用、数据解析以及异常处理等方面表现突出，成为了...

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

    ExtAspNet - 基于 ExtJS 的专业 ASP.NET 2.0 控件库，拥有完善的 AJAX 支持和丰富的界面效果  ...-为Grid增加多表头功能，增加示例/grid/gridgroupheader.aspx和/grid/gridgroupheader2.aspx（快乐的猪）。

    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和...

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

    * YUICompressor * Flash桌面onering文件加载 * Do.jsoz.js * Douban-JSLint * CSSLint 前端基础架构的实施： * PREPROCESSING SYSTEM Javascript * PREPROCESSING SYSTEM CSSPython-SCSSDouban-UICSS3-MIXIN * 库...

    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方法 ...

    ext js教程PPT

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

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

    2. 布局调整：使用display属性、浮动、Flexbox或Grid布局，可以灵活地排列表单元素，使其适应不同屏幕尺寸。 3. 错误提示：通过CSS伪类（如`:invalid`和`:required`）和自定义样式，可以突出显示未填写或输入错误的...

    ExtAspNet_v2.3.2_dll

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

    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 学习笔记

    2. `addClass()`：添加 CSS 类，允许动态改变元素样式。 3. `center()`：将元素在视口内居中对齐。 4. `setOpacity()`：设置元素的透明度。 除了 Element 对象，Ext 还包含了许多其他组件，如 Grid、Form、Panel、...

    雅虎css3.9.0整理包

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

    优秀的CSS 框架整理

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

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

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

    基于Extjs的开源控件库ExtAspNet中文版 v3.1.9

    -增加动态创建模板列示例grid/griddynamiccolumns2.aspx（大鸟打小鸟）。 -修正按钮的Type设为Reset无效的问题，注意重置的其实是页面上所有的表单控件（e先生）。 -修正英文下确认对话框标题依然默认中文的问题。 -...

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