2009-07-16 44 views
-1

好的,我需要一点帮助。一段时间以来,我一直在使用CSS2,它适用于大多数浏览器,修改起来非常简单。但是突然之间我听到关于CSS3的信息,并且它只与某些浏览器一起工作,所以......当大多数观众无法看到它实际使用时,使用CSS3有什么好处?CSS3是否值得呢

+0

CSS是CSS theres没有必要用它硬币版本。对于你实际使用一些被认为3.0与你的2.0东西混合在一起的机会,我不希望银行存在。就浏览器而言,随着每个新版本出现,整体上对CSS的支持将会加强。最终,当旧的CSS贬值时,会出现一个转折点,然后转向传统,然后最终放弃转向另一种方法。当然,许多旧版浏览器并不支持新版浏览器所做的一些新功能,但从互联网和网站开始就应该处理这些问题。 – chris 2012-11-11 00:30:28

+0

也是你的CSS 2,你是否意识到它不兼容所有的浏览器,特别是旧的那些,然后你的想法?你知道所有的浏览器,现在不支持所有的方法吗?下一个浏览器可能无法运行。所以,是的,所有...机会是坚持与时俱进的好主意。 – chris 2012-11-11 00:31:47

回答

3

CSS3还没有成为标准还没有......我相信它在FF但不是在< IE7,这是可悲的是,其中大部分浏览器都。虽然CSS3有一些很棒的功能,但它仍然会持续一段时间,直到互联网足以让它值得使用。我想你会为自己省下很多麻烦和跨浏览器的操作保持W /标准的CSS的...

+0

您的权利,CSS3不适用于IE7。谢谢您的帮助。 – 2009-07-16 15:36:16

+0

Firefox不支持大量的CSS3。 – millimoose 2009-07-16 15:37:14

+3

谁给了我一个downvote,请注意这个答案的日期。我现在实际上会说,继续和CSS3的垃圾你的网站,只要它降级优雅。 – Jason 2010-10-21 23:11:58

6

目前,CSS3工作的某些部分在某些浏览器。然而,在未来的某个时候,很多CSS3都可以在很多浏览器上运行。

现在,你应该只使用你所指定的浏览器都支持CSS3的功能。浏览器应该快乐地忽略未知属性,所以即使只有一些浏览器支持它们,您也可以将它们用于非必要的eyecandy。

When can I use...CSS3 module status应该有所帮助。

+0

优秀的答案。只能用于eyecandy。让你的风格适度地退化。 – Kriem 2010-10-21 12:42:38

2

事实上,Firefox 3.5和更高版本的Webkit都支持很多CSS3属性;尽管通常使用专有名称。其中一个例子是圆角半径,在可靠地呈现一个必须使用3个不同的属性名称:

.rounded-corners 
{ 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
} 

它仍然在几个CSS3属性加在逐步增强的方法,用它给一个好主意为支持某些CSS3属性的浏览器(火狐浏览器和Safari浏览器占据大约25-30%的市场份额),将网站的设计美化为额外​​的少许内容。

在我看来,一个网站不必看起来像你使用的任何浏览器;最重要的是该网站可以在所有浏览器上使用和访问,无论它们是最新版本的Firefox还是Mosaic 1.0。

+0

这里是圆角的链接:http://stackoverflow.com/questions/1127227/css-rounded-corners。 – 2009-07-16 18:03:57

+0

'...一个网站不必看起来像你使用的任何浏览器; (...)该网站在所有浏览器中均可用并可访问......“ - 同意! – Kriem 2010-10-21 12:44:06

0

我工作的Dashboard构件和WebKit支持许多CSS3的,它是实现结果是非常有用的。

我没有在这种环境下关于跨浏览器的兼容性而烦恼,因此固然容易,即我不需要思考的问题,只是代码。它越早进入野外,IE越好。

-1

简而言之,除了某些版本的IE浏览器之外,CSS3都将可见。针对跨浏览器兼容性的IE更改不是那么耗时。 IE 8支持一些CSS3。 IE 9增加了这一点。 IE 10可能会在2012年前几个月发布,看起来它会在动画,转换和其他有趣的CSS3增加方面增加更多。所以,CSS3对你的网站来说是值得的,因为你的网站今天是最先进的,并且明天目前的。只是我的观点。

1

不要因为大多数浏览器无法呈现CSS3而暂缓。有许多方法可以使用仅CSS3属性,但仍然有倒退,使用户使用旧版浏览器的用户体验不会因为它而缺乏。

这是一篇关于SmashingMagazine主题的文章。 http://coding.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/

如果我们都迫不及待地开始开发接口与CSS3当它工作在所有的浏览器,我们将永远不会让它在那里。Web开发人员需要一起提高标准,以便浏览器能够赶上。

1

我将CSS3视为渐进式增强。

如果您想要在设计中放置阴影或圆角,我将使用CSS3。是的,它会在现代浏览器中正常工作,但在IE中不起作用。但它也会让我使用干净高效的html标记。还记得以前的那些DIV嵌入圆角或阴影的图像,这是一个混乱和痛苦。

这些元素我认为很好有。

这就是说有一个JS库的集合,可以轻松地为Internet Explorer和一些最常用的CSS3选项提供解决方法。举个例子看看CSS馅饼: http://css3pie.com/

另一种方法,以及为优秀的Modernizr该产品采用嗅探,并添加CSS类的HTML标签,从而允许您为每个功能集编码。

http://www.modernizr.com/

另外需要注意的,就是有点恼人的浏览器前缀这@Donald哈维提到了他的答案。有很多工具可以帮助解决这个问题。 CSS3请成为一个典型例子: http://css3please.com/

我认为底线是,只要实现CSS3不会破坏功能体验,那么为什么会退缩。我觉得如果人们想用5 - 10年前的浏览器浏览互联网,他们的体验将会下降,而这不应以牺牲最新的用户为代价现代浏览器。

0

CSS3有许多甜的东西,你不能只可能与CSS2

优势1:酷和整洁的CSS不负担与地狱大量的图片服务器,例如像圆角边框或图像阴影等。 ..

优势二:甜动画可能无需讨论区头像

优势3:渐变背景条纹图像将被淘汰与CSS3.It可以与在线梯度的帮助可以轻松实现generators.So我们的服务器将当然是热爱CSS3

优势四:基本框模型这是一个巨大的安慰,而在定位使用div和span的HTML布局

优势5:酷文字效果可能

优势6:凉属性选择的地块,以减少使用jQuery选择器。

缺点:

即使它有很多装在web开发人员和丰富的用户界面的头脑很酷的功能。 Webkit浏览器,如Safari浏览器& Chrome以及某种程度上Mozilla浏览器支持大部分CSS3功能。它需要花费很多时间在浏览器上进行100%的编译。