为了忘却的纪念 $bestmost->save("多多益善")
言己及众
PHP博客
|
首页
|
发新随笔
|
发新文章
|
联系
|
聚合
|
管理
yahoo的css框架
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
>
<
html
>
<
head
>
<
title
>
YUI Grids CSS
</
title
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=utf-8"
/>
<!--
Source File
-->
<
link
rel
="stylesheet"
type
="text/css"
href
="reset-fonts-grids.css"
>
<!--引入yaho的css 框架-->
<
style
>
#custom-doc
{
/*
用户自定义的body的width
*/
margin
:
auto
;
text-align
:
left
;
/*
leave unchanged
*/
width
:
46.15em;
/*
non-IE
*/
*width
:
45.00em
;
/*
IE
*/
min-width
:
600px
;
/*
optional but recommended
*/
}
</
style
>
</
head
>
<
body
>
<!--
* div#doc creates a 750px page width.
* div#doc2 creates a 950px page width.
* div#doc3 creates a 100% page width. (Note that the 100% page width also sets 10px of left and right margin so that content had a bit of breathing room between it and the browser chrome.)
* div#doc4 creates a 974px page width, and is a new addition to Grids in YUI version 2.3.0.
* div.yui-t1 creates a narrow column on the left with 160px width.
* div.yui-t2 creates a narrow column on the left with 180px width.
* div.yui-t3 creates a narrow column on the left with 300px width.
* div.yui-t4 creates a narrow column on the right with 180px width.
* div.yui-t5 creates a narrow column on the right with 240px width.
* div.yui-t6 creates a narrow column on the right with 300px width.
* div.yui-g - Standard Nesting Grid - tells two children to each take up half the available space.
* div.yui-gb - Special Nesting Grid B - tells three children to each take up a third of the available space.
* div.yui-gc - Special Nesting Grid C - tells the first of two children to take up 66% of the available space.
* div.yui-gd - Special Nesting Grid D - tells the first of two children to take up 33% of the available space.
* div.yui-ge - Special Nesting Grid E - tells the first of two children to take up 75% of the available space.
* div.yui-gf - Special Nesting Grid F - tells the first of two children to take up 25% of the available space.
-->
<
div
id
="doc"
class
="yui-t4"
>
<!--
"doc"还可用doc2,doc3,doc4代替,表示body的宽度;
-->
<
div
id
="hd"
>
头文件
</
div
>
<
div
id
="bd"
>
<!--
Inside #bd, if two blocks (.yui-b) exist, designate a main block by
wrapping it with <div id=”yui-main>:
<div id=”yui-main”>
<div class”yui-b”>primary</div>
</div>
<div class=”yui-b”>secondary</div>
-->
<
div
id
="yui-main"
>
<
div
class
="yui-b"
>
<!--
"b"表示是block,即块状元素
-->
<
div
class
="yui-gd"
>
<!--
the "special grid",分为yui-g,yui-gb,
.yui-gf分别指定每个yui-u的width百分比
-->
<
div
class
="yui-u first"
>
左边部分
</
div
>
<!--
第一个必须加个first
-->
<
div
class
="yui-u"
></
div
>
</
div
>
</
div
>
</
div
>
<
div
class
="yui-b"
>
右边部分
</
div
>
</
div
>
<
div
id
="ft"
>
尾部文件
</
div
>
</
div
>
</
body
>
</
html
>
下载地址:(内含我的demo页)
http://www.phpweblog.net/Files/fuyongjie/yui.rar
发表于 2008-09-28 17:08
bestmost
阅读(742)
评论(0)
编辑
收藏
引用
网摘
所属分类:
html,web相关
只有注册用户
登录
后才能发表评论。
网站导航:
IT新闻
博客园
BlogJava
博客生活
IT博客网
C++博客
程序员招聘
随笔:279 文章:16 评论:48 引用:0
<
2008年9月
>
日
一
二
三
四
五
六
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
公告
留言簿
(7)
给我留言
查看公开留言
查看私人留言
随笔分类
(325)
ajax(8)
(rss)
appche(2)
(rss)
fleaphp(19)
(rss)
hacker(4)
(rss)
html,web相关(34)
(rss)
js(85)
(rss)
linux(2)
(rss)
mysql 及其他(22)
(rss)
php模块和类库(100)
(rss)
seo搜索(13)
(rss)
smarty(7)
(rss)
svn(7)
(rss)
xajax(1)
(rss)
工作心得(19)
(rss)
软件工程(2)
(rss)
all
codebit有效并且可重用的小段代码
如果你是寻找一些小的编程技巧和经典的教程文章,那么您找对地方了,你可以从点击导航里的 【技术文章】 开始。通过重用本站收集的小段代码,您的编程效率有很大提高,偶尔也会自己写一些本站所没有的经典代码
pear安装 php(Appserv)
PEAR套件的管理(图)
Phpgrid php框架
php相关
PHP中相对路径问题
泉城酷仔的博客php
搜索
积分与排名
积分 - 327174
排名 - 3
最新评论
1. re: js中用undefined作判断条件
评论内容较长,点击标题查看
--haix
阅读排行榜
1. 字符编码详解及由来(UNICODE,UTF-8,GBK)[转帖](12379)
2. 根据16进制输出所有汉字(9004)
千百亿工作室
BT促销网