`
QiaoDuanni
  • 浏览: 136856 次
  • 性别: 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方法 ...

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

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

    yui的扩展ext.rar

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

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

    1. **960 Grid System**：这是一个基于960像素宽度的网格系统，提供了12列和16列两种布局模式，便于创建响应式和结构化的网页布局。 2. **WYMstyle CSS Framework**：专注于提供模块化的CSS文件，方便快速构建网站...

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

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

    Yui_ext 学习笔记

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

    精选国外15个CSS框架.pdf

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

    优秀的CSS 框架整理

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

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

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

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

    雅虎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...

    推荐14款非常有用的 CSS 网格系统生成工具

    2. **ZURB CSS Grid Builder**：ZURB是一家知名的设计公司，其提供的CSS Grid Builder是一款直观的在线工具，可以帮助你自定义1到12列的网格布局，并生成相应的CSS代码。 3. **Grid System Generator**：这款生成器...

    css框架(CSS Frameworks)：CSS框架应用

    YUI Grids CSS是由Yahoo开发的基础网格系统，通过4种预设的页面宽度、6种模板和2到4列的区块功能，提供了超过1000种布局组合，仅需一个4KB的CSS文件。 Logicss Framework则是结合了CSS和PHP，旨在减少符合Web标准的...

    Web设计师的50个超便利工具.pdf

    1. Pencil Project: 这是一个开源的图形界面原型设计工具，它允许设计师在Firefox浏览器中进行草图绘制和原型制作。设计师可以利用它来快速创建界面布局并添加交互性。 2. GUIZootool 和 Bounce: 这两个工具可能是...

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

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

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

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