vertical-align
我们在排版中经常碰到文字跟图片的垂直位置关系，以前我们一般都是直接在img标签里加align="absmiddle"绝对居中的属性，如果要在样式表里控制，该如何做呢？我以前一直不知道，原来可以用vertical-align，具体的演示可以看这里，（可能大家会问它跟valign的区别，valign是元素內的子元素的垂直位置，vertical-align不是，事实上他是用在inline元素上的，用来决定一个inline元素的垂直位置，像img默认是inline元素）
<img src="images/sample.jpg" align="absmiddle" />
OR
<img src="images/sample.jpg" style="vertical-align:middle;" />用div+css构架网页结构的时候，float的使用频率非常高，用了float，你就得想着怎么clear掉它，不然页面就歪给你看。
以前做网页，就干脆多加一个元素，给一个clear:both;的属性来clear.
<div id="wrapper" style="width:200px;background:#000;">
<div id="left" style="width:50px;float:left;background:#333;">浮动到左边<br />宽度50px</div>
<div id="right" style="width:150px;float:left;background:#666;">浮动到左边<br />宽度150px</div>
<div style="clear:both;"></div>
</div>这样虽然起到了效果，不过毕竟多了好多无关元素，结构看起来很乱。今天特别去网上搜索了下前辈们总结出来的方法，如下:
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */这样你只要给#wrapper加一个clearfix的className就可以了。
Lightbox and Hoverbox
早就发现Lokesh Dhakar的lightbox的效果很酷，今天又发现另一个国外达人Nathan的Hoverbox，纯CSS的技巧，酷。
把两个东西简单结合一下，其实花不了什么技巧，不过东西更酷了一点。
Lightbox and Hoverbox: 看效果演示 | 下载 (338kb)
Nathan向我们解释了Hoverbox的实现：
The magic happens on a:hover, when .preview in the link goes from having display: none; to display: block; with absolute positioning and negative values for top and left. In good browsers, it is positioned according to the containing li, which is set to display: relative, but in Internet Explorer 6, a series of * html hacks place the positioning on the containing a href.
h1h2h3h4h5h6标签的使用
最近渐渐的开始使用“标题标签”，其实这个标准的HTML标签是很酷的。
以前你这样定义你的blog名称
<div class="title">fireyy blog</div>
然后写css样式
.title {
font-size:20px;
font-weight:bold;
}这种方式其实很不直观，(有虚荣心的人总是想让搜索机器人很简单的认出你的代码 :))
<h1>fireyy blog</h1>然后写css样式
h1 {
font-size:20px;
font-weight:bold;
margin:0px; /*h1-h6默认有空白,设定外补丁的值为零，以便自己细调。*/
}另外你可以看看H1-H6和其他尺寸的对照表