当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS3教程(1):什么是CSS3

CSS样式表
CSS教程:dl dt dd模拟表格实例
网页制作实例:将PSD网站模板转换为XHTML+CSS网页
CSS布局实例代码:两列布局实例
border:none;与border:0;的区别
CSS浮动定位:引起文本重影的怪异问题
同一张PNG8图片为何部份图标在IE6中消失
IE6中背景属性加a与a:hover问题
网页制作教程:在IE7中的网页文本重影问题
推动浏览器更新的原因和方法
CSS实例教程:制作网页列表菜单
CSS实例教程:制作网站横向导航
CSS实例教程:制作网页2级导航
CSS研究教程:类名的长命名和短命名
CSS教程:彻底弄清楚CSS的行高属性
用CSS的float和clear属性进行三栏网页布局
没有JS只用CSS制作的网页下拉菜单
初学CSS的基础教程:在网页中使用CSS
网页制作教程:制作拖拽翻页
制作网页时编写CSS代码的25个小技巧
CSS3中很有用的特性:CSS阴影

CSS样式表 中的 CSS3教程(1):什么是CSS3


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 87 ::
收藏到网摘: n/a


                         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。