Xu Design

通过 CSS3.0 Previews 就能发现一些CSS3.0里将要改变的东西。

Borders

在3.0里可以实现渐变色的边框(border-color)，图像边框(border-image)，圆角的边框(border-radius)，还有就是边框阴影(box-shadow)。box-shadow 目前只有 Safari 3支持。

不过我想现在最关心的就是那个 border-radius 了，border-radius 在WP2.5的后台就有广泛的应用比如按钮的样式。用FF的朋友就会发现 WP2.5 的后台的按钮样式是3px的圆角按钮样式。 支持范围里就是没有IE，我想是不是真的要抛弃IE了，还是要等到IE8出来。

border-radius 的定义如下:

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;

webkit 是Safari 的内核程序，也就是用Webkit内核的浏览器是支持的，预览在这里。

Backgrounds

在3.0里可以在同一个标签里定义多个背景图片(multiple backgrounds)，还可以设置背景背景图片的大小(background-size)。目前还没有对这个研究具体的就请你们自己去看了。

Color

最大的一个改变就是可以使用rgb(255, 0, 0) 的RGBA颜色值来代替16进制的颜色值,如: background: rgb(255, 0, 0);

也支持HSL的颜色值 background-color: hsl(240,100%, 50%);

还有HALA的颜色值 background-color: hsla(0,100%,50%,1);

opacity的定义我还没有研究。

只说这么多了，其他的就自己在CSS3.0 Previews 里找好了。

我还是继续研究ing，下一个主题会用上一些CSS3.0的东西。透露一下下一个主题的颜色是黑色系的。

^_^