日期:2014-02-17  浏览次数:21299 次

网页制造aiyiweb文章简介:CSS3不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,曾经预备好了初次登场,呷着咖啡,等着浏览器来铺上红地毯。

CSS3不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,曾经预备好了初次登场,呷着咖啡,等着浏览器来铺上红地毯。你看,浏览器需求跟上了……

留意:浏览器需求改进

虽然把玩CSS3是很风趣的事情——就像接下来我要演示的几篇教程中表现的那样,但是需求了解的是,CSS3并没有被当前浏览器完全的支持。也就是说,如果你要在你的网站中使用CSS3,请确认有针对不支持CSS3的浏览器的兼容方法。

CSS3的浏览器支持情况:

  • Firefox(3.05+…部分支持)
  • Google Chrome(1.0.154+…部分支持)
  • Google Chrome(2.0.156+…较好支持)
  • Internet Explorer(IE7, IE8 不支持)
  • Opera(9.6+…很少支持)
  • Safari(3.2.1+ windows…较好支持)

什么是CSS,什么是CSS3?

非常简单,CSS代表“Casading Style Sheets”,就是款式表,是一种替代并为网站添加款式的标记性言语。CSS3只是表示下一代CSS,3只是版本号。

如果CSS3还没有完全被支持,那么我为什么要写CSS3呢?

由于学习新东西时间很风趣的事情!

而且有人常常问我如何实现圆角。我解释了很多遍如何使用图片或CSS3实现,这里我通过写一些我学到的一些东西的方式来希望能够协助其他的有需求的人。

当然你也不必只看我说的。Eric Meyer是一个了解CSS很多的传奇人物,这里有个很棒的对Eric的访谈,讨论CSS3,很值得一读。

测试,我特别制造了一个关于本系列教程的测试页面。所有本系列教程所讨论的内容,在该测试页面都有演示,你也可以访问该页面,来测试一下本人的浏览器能否支持CSS3。