2009-07-16 33 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%的編譯。