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

yui grid css 1/6 – 1/6 – 1/12 – 1/12 – 1/6 – 1/6 – 1/6

    博客分类：
  • 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">
   <style type="text/css" media="screen">
   /* <![CDATA[ */
   	.yui-g p,.yui-u p {
   		background-color:#585A55;
   		color:#fff;
   	}
   /* ]]> */
   </style>
</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-gb first">
				<div class="yui-u first"><p>1/6</p></div>
				<div class="yui-u"><p>1/6</p></div>
				<div class="yui-g">
					<div class="yui-u first"><p>1/12</p></div>
					<div class="yui-u"><p>1/12</p></div>
				</div>
			</div>
			<div class="yui-gb">
				<div class="yui-u first"><p>1/6</p></div>
				<div class="yui-u"><p>1/6</p></div>
				<div class="yui-u"><p>1/6</p></div> 
			</div>
		</div>
   <div id="ft"><p>Footer</p></div>
</div>
</body>
</html>
分享到：
| yui grid css 1/8 – 1/8 – 1/8 – 1/8 ...
评论
发表评论

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

相关推荐

    实用HTML，CSS和JavaScript速查表

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

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

    优秀的CSS 框架整理

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

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

    YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习：1、布局的思想：使用 “负 margin（Negative Margins）” 技术详细可参阅：《Creating Liquid Layouts with Negative Margins》2、使用 em ：当用户改变字体...

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

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

    jquery easyui datagrid实现增加，修改，删除方法总结

    form id=form1 runat=server&gt; &lt;/table&gt; &lt;/form&gt; &lt;/body&gt; 引用的JS: &lt;link rel=stylesheet type=text/css href=/script/themes/default/easyui.css /&gt; &lt;link rel=stylesheet type=text...

    ExtAspNet_v2.3.2_dll

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

    ExtJS 3.3.1正式版下载

    ExtJs最开始基于YUI技术，由开发人员 JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。...

    ExtJS(ajax框架) 4.2.1

    ExtJs最开始基于YUI技术，由开发人员 JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是 一款不可多得的JavaScript客户端技术的精品。 ...

    jQuery easyui datagrid动态查询数据实例讲解

    该插件组小巧使用方便，以下是一个从前台提交查询条件，从MSSQL返回json...link rel=”stylesheet” type=”text/css” href=”/inc/js/EasyUI/themes/default/easyui.css”&gt; &lt;link rel=”stylesheet” type=”te

    ext1.1

    最近流行的extjs，ExtJS(yui-ext)是一组扩展自Yahoo!UI，具有CS风格的Web用户界面组件。主要UI包括：dialog，grid，layout，tabs等。

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

    注：ExtAspNet 基于一些开源程序，比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. +2012-08-18 v3.1.9 -修正other/addtab.aspx示例的JS错误和BoundField使用Tooltip的错误（Dennis_Liu）。 +修正Window的...

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

    注：ExtAspNet 基于一些开源程序，比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. +2012-08-18 v3.1.9 -修正other/addtab.aspx示例的JS错误和BoundField使用Tooltip的错误（Dennis_Liu）。 +修正Window的...

    ExtAspNet v3.1.0源码

    目标是创建没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 注：ExtAspNet 基于一些开源程序，比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. 支持的浏览器: IE 7.0+, Firefox ...

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