CSS3 很强大，但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。

CSS3, please!

CSS3, please! 只有一个页面，上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里的 hack ，通过点击各个属性上的 {toggle rule off/on} 可以禁用或启用该属性，页面的 logo 会做出相应的变化。

自从微博鼻祖 Twitter 大红大紫以后，国内先后冒出了许多跟风者，如已经被死亡的饭否，明星汇聚的新浪微博和新鲜出炉的网易微博。但由于国内政策等种种因素，这些微博要么无法访问（Twitter），要么经常被维护（嘀咕等），要么经常以违反某些规定为由被删帖（新浪微博等）。因此一些神通广大的站长同学们纷纷搭建了自己的私人微博，用来记录自己的生活琐事等等。WordPress 官方针对这种趋势，甚至专门推出了一个微博主题，使 WordPress 博客能像微博一样展示内容。

今天我要推荐一款在 WordPress 博客里构建一个能让注册用户交流的微博系统的插件： WP Admin Microblog。

阴影是最常用的 CSS 效果之一，CSS3 标准已经增加了阴影属性，下面讨论一下阴影在各种浏览器里的实现方法。

CSS3 阴影

CSS3 里使用 box-shadow 属性定义块的阴影，基本语法如下：

1

box-shadow: 3px 3px 4px #000;

上面的样式里，前面两个 “3px” 表示阴影在 xy 两个坐标轴上的偏移量，x轴的正方向向右，y轴正方向向下。这个坐标和我们平时用的有点出入。在 Firefox 和 Webkit 等浏览器里，为了达到最高效率，建议通过私有的 hack 实现 CSS 阴影，可以这样写：

因为大多数虚拟主机都有流量限制（特别是博客主机），因此很多人都选择把图片储存到 Flickr 和 Picasa 等免费相册里，再通过外链插入到文章里。但由于这些网站经常被 block ，因此我建议大家还是尽量把图片放到自己的服务器上。

由于我个人很懒，万一博客搬家的话，过多的文章附件将会给文件的迁移带来麻烦。因此我以 cosbeta 的 Pika 插件为蓝本写了一个远程图片代理程序，并对较多博客使用的 Picasa 、 Flickr 和 PhotoBucket 这三个图床服务进行了防止链接被重置的处理。请点这里下载脚本。

transform rotate 是CSS3里使对象旋转的一个属性，虽然目前所谓的兼容CSS3的浏览器对它的支持还不算好，但Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE里，这个属性无法通过一般的CSS去实现。

在W3C官方的标准里，通过transform属性使对象旋转的写法如下：

1

transform: rotate(40deg); /* 其中40是旋转的角度 */

可是由于目前几乎所有的浏览器对这个属性的渲染效率都很低，所以我们可以用下面的hack去提高渲染效率：

CSS3里的 target 和 focus 伪类都是针对特定元素的选择器，可以用来突出元素的位置。

target 伪类

target 伪类用于改变锚链接URL所指向的ID的样式。例如你要让页面页面里任何通过锚链接访问的元素字体都变成红色，可以这样写 *:target { color : red }。

需要注意的是，在添加 target 样式之前你必须为该元素指定一个id。效果请看我的 DEMO。

CSS3提供了强大的伪类（pseudo-class）选择器，使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱，但当掌握了以后能大大提高你的代码效率，并且节省代码量。今天先要说的是nth-child伪类。

nth-child伪类的定义

nth-child伪类在W3C里定义是选择选择父元素里的第n个子元素，可以使用an+b的形式选择子元素，举例用法如下：

1
2
3
4

tr:nth-child(2n+1) /* 选择表格里的单数行 */
tr:nth-child(odd)  /* 同上 */
tr:nth-child(2n)   /* 选择表格里的双数行 */
tr:nth-child(even) /* 同上 */

聪明的看官大概已经知道nth-child伪类可以用来干什么了。

GoDaddy除了是全球最大的域名注册商以外，最近正在虚拟主机业务发力，其虚拟主机在用户中口碑也是不错的。Grid主机是GoDaddy正在测试中的一个项目。和其他plans相比，Grid主机的特点是便宜，目前只需要4.99USD/mo（至少买三个月）的价格就可以买到100G空间，1TB流量的主机（Linux和Windows同样价格）。Grid主机目前支持PHP、.net、Perl和Python语言，未来还将支持Ruby和Java等，GoDaddy此款主机目的应该是吸引程序员。

CSS Drop-Down Menu Framework是一个基于GNU General Public License开源的纯CSS下拉菜单框架，能在IE5+、Firefox1.5+、Safari2+、Chrome1+和Opera7+这些浏览器上运行，但在IE6和IE6之前的浏览器里是通过JavaScript辅助的。你可以修改它，以应用在你的网站。CSS Drop-Down Menu Framework完全符合XHTML1.1和CSS2标准，使用这个框架，创建一个与众不同的下拉菜单只需要十几分钟。目前有Flickr、nVidia和Adobe等大型网站的下拉菜单都使用了这个框架。

随着微博客的兴起，博客们也出现了搭建个人短网址的热潮。自建短网址程序利于在微博客上传播自己的链接，对自己博客PR的提高也有一定帮助。今天对部分知名的开源短网址程序进行一次简单的评测，方便大家选择。

Phurl

Phurl是Google Code上的一个开源项目，作者专注于网址跳转功能，最大的亮点是服务器不支持Apache mod_rewrite 也可以正常工作，而且支持http、https、ftp、ftps、mailto、news、mms、rtmp、rtmpt和e2dk等协议的缩短，十分强大。有验证码功能，可以防止恶意刷服务器。Phurl的不足之处是后台功能非常简单。

kissabe

kissabe号称是克隆tinyurl的短网址程序，除了缩短网址以外还可以缩短E-mail地址和长TXT文本，甚至可以提供图床功能。这个程序对用户体验十分执着，提供了浏览器书签和Firefox插件，用户不需要访问程序主页就可以缩短当前浏览网址。但美中不足是源代码里的JavaScript脚本有点问题，有技术的人请先修改JavaScript脚本再使用。kissabe3.0版基于joy框架搭建对服务器有一定要求，个人建议使用2.1版本。