神马文学网利用Yahoo!免费获取可重复使用的CSS
来源：百度文库 编辑：神马文学网 时间：2024/04/20 04:53:48
作者： Tony Patton, Builder
在上周的专栏文章中，我讨论了Yahoo! Developer Network，集中论述了在Yahoo! User Interface (YUI) Library（用户界面库）中可用的JavaScript特性（最重要的就是日历）。我想再花一点时间涉入YUI库中另一个提供了CSS工具的领域。这些工具使你能够很轻松地将以CSS为基础的设计与Web应用相结合。
浏览器支持
CSS工具的一个主要特性就是它的分级提供了对A级浏览器的完美支持。分级浏览器支持纯粹是一个Yahoo!的分级，在它的网站上你可以看到完整的说明，它主要描述了在当今市场上的浏览器中，CSS的良好表现。
在这个在线表格中，浏览器被分为三个级别的浏览器支持（A、C和X）。A级是最高的支持级别。通过充分发挥现代Web标准的强大性能，YUI库发现，A级体验提供了高级的功能性和可视保真度。支持类别和相关文件使你能够切身体会到哪里支持CSS，但是它应该在每一种浏览器中都可用（通过可能的降级）。
可重复使用的CSS
YUI库中包括了三个CSS领域或特性，涉及格式化、字型介绍和以网格为基础的（列和行）版式。网站上用这些术语来描述这三个元素：
Page Grids:使你能够在所用模版容量范围内，嵌入一到四列的网格。 Fonts:提供跨浏览器的排版标准化和控制器。一般来说，它在完全支持用户（在浏览器内）对字体进行调整的同时，还提供了一致的字体和行高。 Reset:提供跨浏览器的HTML元素默认赋值的标准化。它也去除了浏览器中的共同默认表达，如对要强调元素使用粗体，这样是为了帮助保证对所有的字体的定义都是有意图的，并且元素始终用的是它们的语义含义，而不是习惯上的视觉表达。
在被安装了以后，YUI库下载中的每一个元素都可以在Web服务器的以下目录／文件中获得：
Page Grids: build\grids\grids.css Fonts: build\fonts\fonts.css Reset: build\reset\reset.css
你可以在自己的Web服务器上安装这些基础目录或者将它们置于你的站点内，以便根据需要引用它们。CSS的一个重要特性（除了免费之外）就是，它在发布之前，已经经过了彻底的检验和调试。让我们来更仔细地看一下实际操作中的CSS工具。
',1)">
有网格的页面版式
以网格为基础的版式几乎是所有站点设计或页面版式的动力。过去，这一点常常通过HTML表格来完成，但是CSS为页面版式提供了巨大的力量和灵活性。页面网格提供的代码可以根据你的要求，利用列和行来建立页面。
在页面网格最基本的级别上，它提供了七种Web页面模版，其中六种定义了详细的主要内容／工具条版式；第七个模版定义了一个没有工具条的版式，主要内容占据了整个页面宽度。这些模版的名称如下：
yui-t1:包含一个位于左侧宽度为160px的工具条和一个宽度为570px的主要区域。 yui-t2:包含一个位于左侧宽度为180px的工具条和一个宽度为550px的主要区域。 yui-t3:包含一个位于左侧宽度为300px的工具条和一个宽度为430px的主要区域。 yui-t4:包含一个位于右侧宽度为180px的工具条和一个宽度为550px的主要区域。 yui-t5:包含一个位于右侧宽度为240px的工具条和一个宽度为490px的主要区域。 yui-t6:包含一个位于右侧宽度为300px的工具条和一个宽度为430px的主要区域。 yui-t7:包含一个宽度为750px的主要区域，没有工具条。
你可以结合（或编辑，如果你够大胆）这些模版来达到你的目的。列表A用第一种版式来安排一个页面的格局（注意：CSS工具安装在Web服务器的默认目录中）。
列表A
Yahoo CSS Tools Example 1
HTML页面上的几个注释：
版式被赋予整个页面——主div标签被分配为yui-t2类。这说明采用的是第二种模版。 页面被分为页眉、主体和页脚区域。页眉被赋予标识符hd，主体为bd，页脚为ft。 页面的主体被分为左区域（如果模版支持的话）和主区域。两者都被分配为yui-b类，但是主区域在它的div标签中被附上了yui-main的标识符属性。
在上周的专栏文章中，我讨论了Yahoo! Developer Network，集中论述了在Yahoo! User Interface (YUI) Library（用户界面库）中可用的JavaScript特性（最重要的就是日历）。我想再花一点时间涉入YUI库中另一个提供了CSS工具的领域。这些工具使你能够很轻松地将以CSS为基础的设计与Web应用相结合。
浏览器支持
CSS工具的一个主要特性就是它的分级提供了对A级浏览器的完美支持。分级浏览器支持纯粹是一个Yahoo!的分级，在它的网站上你可以看到完整的说明，它主要描述了在当今市场上的浏览器中，CSS的良好表现。
在这个在线表格中，浏览器被分为三个级别的浏览器支持（A、C和X）。A级是最高的支持级别。通过充分发挥现代Web标准的强大性能，YUI库发现，A级体验提供了高级的功能性和可视保真度。支持类别和相关文件使你能够切身体会到哪里支持CSS，但是它应该在每一种浏览器中都可用（通过可能的降级）。
可重复使用的CSS
YUI库中包括了三个CSS领域或特性，涉及格式化、字型介绍和以网格为基础的（列和行）版式。网站上用这些术语来描述这三个元素：
Page Grids:使你能够在所用模版容量范围内，嵌入一到四列的网格。 Fonts:提供跨浏览器的排版标准化和控制器。一般来说，它在完全支持用户（在浏览器内）对字体进行调整的同时，还提供了一致的字体和行高。 Reset:提供跨浏览器的HTML元素默认赋值的标准化。它也去除了浏览器中的共同默认表达，如对要强调元素使用粗体，这样是为了帮助保证对所有的字体的定义都是有意图的，并且元素始终用的是它们的语义含义，而不是习惯上的视觉表达。
在被安装了以后，YUI库下载中的每一个元素都可以在Web服务器的以下目录／文件中获得：
Page Grids: build\grids\grids.css Fonts: build\fonts\fonts.css Reset: build\reset\reset.css
你可以在自己的Web服务器上安装这些基础目录或者将它们置于你的站点内，以便根据需要引用它们。CSS的一个重要特性（除了免费之外）就是，它在发布之前，已经经过了彻底的检验和调试。让我们来更仔细地看一下实际操作中的CSS工具。
',1)">
有网格的页面版式
以网格为基础的版式几乎是所有站点设计或页面版式的动力。过去，这一点常常通过HTML表格来完成，但是CSS为页面版式提供了巨大的力量和灵活性。页面网格提供的代码可以根据你的要求，利用列和行来建立页面。
在页面网格最基本的级别上，它提供了七种Web页面模版，其中六种定义了详细的主要内容／工具条版式；第七个模版定义了一个没有工具条的版式，主要内容占据了整个页面宽度。这些模版的名称如下：
yui-t1:包含一个位于左侧宽度为160px的工具条和一个宽度为570px的主要区域。 yui-t2:包含一个位于左侧宽度为180px的工具条和一个宽度为550px的主要区域。 yui-t3:包含一个位于左侧宽度为300px的工具条和一个宽度为430px的主要区域。 yui-t4:包含一个位于右侧宽度为180px的工具条和一个宽度为550px的主要区域。 yui-t5:包含一个位于右侧宽度为240px的工具条和一个宽度为490px的主要区域。 yui-t6:包含一个位于右侧宽度为300px的工具条和一个宽度为430px的主要区域。 yui-t7:包含一个宽度为750px的主要区域，没有工具条。
你可以结合（或编辑，如果你够大胆）这些模版来达到你的目的。列表A用第一种版式来安排一个页面的格局（注意：CSS工具安装在Web服务器的默认目录中）。
列表A
Page Header
Main Area
Left Column
Page Footer
版式被赋予整个页面——主div标签被分配为yui-t2类。这说明采用的是第二种模版。 页面被分为页眉、主体和页脚区域。页眉被赋予标识符hd，主体为bd，页脚为ft。 页面的主体被分为左区域（如果模版支持的话）和主区域。两者都被分配为yui-b类，但是主区域在它的div标签中被附上了yui-main的标识符属性。
利用Yahoo!免费获取可重复使用的CSS
利用Yahoo!免费获取可重复使用的CSS
利用Yahoo!免费获取可重复使用的CSS
科学网-可开放获取的免费学术资源
利用CSS的高级布局
如何创建CSS的对象？获取合适的粒度！
利用Yahoo! Search API开发自已的搜索引擎-php版
利用Yahoo! Search API开发自已的搜索引擎-php版
非常好的免费的CSS模版
轻松获取免费书籍的方法
20+轻松获取免费书籍的方法
10+轻松获取免费书籍的方法
轻松获取免费书籍的方法
中国研制成功 可重复使用抗甲流口罩
塑料饮料瓶重复使用或可致癌
利用个性签名和利用QQ空间来获取流量的方法
利用个性签名和利用QQ空间来获取流量的方法··
利用个性签名和利用QQ空间来获取流量的方法---生活经济
利用WMI获取系统信息
可免费申请的学校
Yahoo的RSS调查报告
Yahoo 的战略重组
Yahoo Mail的变迁
利用google空间免费