css

最新推荐文章于 2025-07-25 01:00:59 发布

转载最新推荐文章于 2025-07-25 01:00:59 发布 · 622 阅读

文章标签：

#浏览器 #yui #css框架 #div #class #css

互联网发展飞快，转眼间CSS也需要Framework来保证页面在各种浏览器上表现一致，支持缩放了, 连px像数点都不是定义布局时的最佳单位了。

在YUI CSS 与Buleprint之间，貌似Blueprint的宽度总是比较固定，如950px，所以基本CSS框架选了YUI CSS.

3. In SpringSide3

SpringSide3将YUI CSS2.8 r4的四个文件全压在了yui.css中，分别是：

reset.css:消除各种浏览器之间对HTML元素样式表现的差异，从而提供一致的样式
base.css:使用Reset消除了浏览器默认样式，使用Base就可以使HTML元素在A级浏览器中获得一致的表现
font.css:提供跨浏览器的字体样式和控制。默认大小是13px，其他px的百分比见图表
grid.css:提供布局。

SpringSide3中的布局很简单, id="doc3"声明了一个100%的页面， class="yui-t2"声明了bd div左边栏180宽。id="yui-main"声明了这是主栏。id="hd,bd,ft"的意义也很明显，其他剩下的就是有时多得有点让人烦的yui-b了。

<body>
<div id="doc3" class="yui-t2">    <div id="hd"><!--header--></div>
    <div id="bd">
	<div class="yui-b"><!--leftbar--></div>
	<div id="yui-main">
	    <div class="yui-b">
		<p>各式主流的、实用的、好玩的开源项目大派对。</p>
	    </div>
	</div>
    </div>
    <div id="ft"><!--footer--></div></div>
</body>

在showcase的jmx-client.jsp中，更近一步demo了使用yui-g/yui-u进行内容排版，将两种JMX操作的Form等宽并列。