这个简单的HTML产生了一个有页眉和页脚的两列页面。页面主区域可以被分离多至四列。列表B将页面的主区域分为两列。列用yui-g CSS类来创建；它指示浏览器将区域分为两个均等的列。一旦使用了它，这两列就可以通过yui-u类插入。
列表B
<html><head><title>Yahoo CSS Tools Example 1</title>
<link rel="stylesheet" type="text/css" href="build/grids/grids.css">
</head><body>
<div id="doc" class="yui-t2">
<div id="hd">Header</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<div class="yui-u first">
Col1
</div>
<div class="yui-u">
Col2
</div>
</div>
</div>
</div>
<div class="yui-b">Left Non-Main Area</div>
</div>
<div id="ft">Footer</div>
</div></body></html>
利用页面网格为布置Web页的格局提供了一种简单的方法。关联的文件为利用代码提供了大量信息。
一致性
CSS工具的字体样式保持了字体的一致性和对其的控制。在使用时，所有的字体都被赋予了一个字体为Arial，像素大小为13，16像素行高的缺省值。前置和代码元素使用单空格的字体族。你可以利用文件中定义的百分比值来改变字体大小。它也许不及页面网格那样华丽，但是对于提供一致的用户体验来说，它也是同等重要的。对于CSS工具重置样式来说，在其通过规格化元素来保证一致性时也是一样的。
节省时间
在当今的快节奏的世界里，就算是最有经验的开发者也会希望使用捷径。Yahoo! Developer Network是一个极好的资源，它既提供了普通代码，也为特定的产品量身定制。此外，CSS工具提供了经过检验的CSS，你可以用它们来快速部署Web应用软件。在你下次开发软件时，好好利用这个资源。
Tony Patton的职业生涯开始于应用程序开发员，并已经获得了代表其专业水平的Java、VB、Lotus和XML认证。
责任编辑：张琎
TonyPatton css webtrend yahoo相关资讯
TonyPatton css webtrend yahoo相关技术文章
BBS讨论
用户评论