CSS3.0 的一些东西

通过 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的东西。透露一下下一个主题的颜色是黑色系的。

^_^

4 replies on “CSS3.0 的一些东西”

  1. 枫非寒说道:

    我这几天正打算换主题呢。看到你最后一段话,我准备等了!我做小白鼠好了!

  2. Xu.hel说道:

    谢谢你的支持,呵呵

  3. david说道:

    不错哦,期待了

评论已关闭。