显示列表
 在li中使用img会产生空隙2009-07-03

在li中加入img会产生空隙，代码如下：
<li><img src="A.jpg"/></li>

图片和容器之间会产生一条几个像素的空隙。
如果用 <div><img src="A.jpg"/></div> 就没有这条空隙。

解决的方法是，加入一个样式，如下：
img { vertical-align:top; }

这样就可以解决li标签和img标签之间的那条空隙，这在FF和IE6下是可行的，其它的没测试过。

查看全文 | 分类(CSS) | 访问(0) | 编辑
 关于vertical-align属性2009-03-27

vertical-align属性
主要用于内容的垂直居中，但是它只对拥有 valign 特性的元素才生效。
例如表格元素中的<td>，像<div>、<span>这样的元素是没有 valign 特性。
不过当<div>设置 display:table和display:table-cell后可以像table一样，有 valign 特性。


如果下：
<style type="text/css">
#wrap { width:200px; height:200px; display:table; border:1px solid #FF0099; }
#wrap div { display:table-cell; vertical-align:middle; text-align:center; }
</style>
<div id="wrap"><div>1.IE6不支持<br/>2.<br/></div></div>

查看全文 | 分类(CSS) | 访问(9) | 编辑
 一种按钮的样式2009-03-21

原图如下：

效果图如下：

相交

相交重叠

相交重叠相交重叠相交重叠


标签：样式 
查看全文 | 分类(CSS) | 访问(17) | 编辑
 一种圆角边框背景的样式2009-03-21

原图如下：

效果图如下：

就是将两张相同的图片水平摆放，相交重叠一部分。


标签：样式 
查看全文 | 分类(CSS) | 访问(40) | 编辑
 常用CSS2009-03-20

background-position:0 0;
背景图片向左上角靠齐

background-position:100% 0;
背景图片向右上角靠齐

background-position:0 -25px;
背景图片向左上角靠齐，并将图片垂直向上移动 25 像素

position:absolute;
position:relative;
position:static; 默认。终会处于页面流给予的位置。

overflow:visible; 默认。内容不会被修剪，会呈现在元素之外。
overflow:hidden;
overflow:scroll;
overflow:auto;

标签：css 
查看全文 | 分类(CSS) | 访问(22) | 编辑
 IE6中注释引起的异常2009-02-25

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IE6中注释引起的异常</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.Container { width:300px; height:10px; background-color:#FFF; border:10px solid blue; }
.Container .Left { width:200px; height:10px; float:left; background-color:yellow; }
.Container .Right { width:100px; height:10px; float:right; background-color:green; }
</style>
</head>
<body>
<br />
<div class="Container">
   <div class="Left"></div>
   <div class="Right"></div>
</div>

<br />
<div class="Container">
   <div class="Left"></div><!-- 注释会引起异常 -->
   <div class="Right"></div>
</div>

<br />
<div class="Container">
   <div class="Left"></div>
   <div class="Right"></div><!-- 注释不会引起异常 -->
</div>
</body>
</html>

标签：异常 
查看全文 | 分类(CSS) | 访问(31) | 编辑
 使div居中显示（支持FF和IE）2009-02-25

<style>
div{ margin:0px auto; text-align:center; }
</style>

使div内的文字不居中，就是具体定义相应的div为text-align:left;

查看全文 | 分类(CSS) | 访问(27) | 编辑