簡述CSS3和CSS2有什麼不同

2022-03-13 10:13:48 字數 3295 閱讀 1346

1樓:匿名使用者

css2基本上沒有互動動畫效果 而css3 增加了很多動畫互動效果 不要編寫js 就能實現動畫

2樓:

css3比css2新増了部分屬性,也修改了少數屬性的用法,也停用了少部分。

點出幾個比較新意便捷的:

選擇器:

[att^="value"]匹配包含以特定的值開頭的屬性的元素[att$="value"]匹配包含以特定的值結尾的屬性的元素[att*="value"]匹配包含含有特定的值的屬性的元素多欄布局:

column-coun

圓角:border-radius

多背景圖,邊框**,陰影,漸變等等等。

如果你了解css2的話,你可以直接看css3的一些教程你就發現有什麼不同了,css3便捷很多,使用上更簡單就可以達到好的效果,比如動畫等。。。

3樓:匿名使用者

1 css3能**更簡潔、頁面結構更合理,效能和效果得到兼顧;

2 css3.0的乙個動態流概念很好,類似flash味道,這個css2.0無法比擬;;

3 css3資料更精簡實用,許多css2.0要用**做效果,它不需要,直接**;;

css2.0要請求伺服器次數就要明顯高於css3.0,所以效能和訪問就要明顯差點;

4 但是就目前來講,必須提到一點是相容性問題,css3.0是新事物,所以目前來講,國內瀏覽器大多還是ie8左右級別,大部分是不支援css3.0所以目前只有加強下css2.0功效果;

但是用dw cs6.0,ie9、ff4+、chrome11+來進行除錯,它們是支援css3.0的;

4樓:匿名使用者

功能公升級了,特效更好看。

css2與css3有啥區別?

5樓:匿名使用者

css3在技術方面和特效方面很不錯,最典型的就是你可以直接為文字設定陰影,為標籤設定圓角!希望對你有幫助!

6樓:匿名使用者

增加了許多選擇器,還有各種特效。比如陰影。

css3與css2的區別和支援性

7樓:匿名使用者

製作時間

首先,筆者在製作時間上進行對比,利用css3製作頁面遠比使用css節省時間。因為css3可以直接製作很多效果用來替換**,而使用舊css版本製作的頁面需要製作一些**來體現效果,所以在製作**上也要花費很多時間。

檔案數量、容量及載入時間

css3版本的css檔案大小為5.2k,網頁檔案總數為12,總容量為767.9k;css版本的css檔案為4.

5k,但網頁檔案總數為22,網頁容量為849.2k。載入時間分別是3.

3秒和4.7秒。

從以上資料可見,css3比css精簡很多,速度也更快。

伺服器請求次數

另外乙個衡量指標是伺服器請求次數,一般網頁中有多少檔案,就會對伺服器有多少次請求數。不要小看這個指標,很多網頁製作高手為了減少對伺服器的請求負載,才探索出css sprite技術。

css3中一共有12個檔案,css版本中有22個檔案,所以它們對伺服器的請求數分別為12和22。又是css3勝出。

最後,綜合以上的資料,在圖三中已經列出css3和css的相關資料,css3完勝。

這下我們可以看到css3除了比較美觀的效果外,還有更多的優點,畢竟它是網路技術發展中的產物,必然會向更加簡單實用美觀的方向發展。

8樓:匿名使用者

css3是最新的版本,效果上css2是比不了的,比如定義圓角、背景顏色漸變、背景**大小控制和定義多個背景**等很多,這個是css2上沒有的效果,現在新版本的瀏覽器基本都支援css3,比如ie9、ff4+、chrome11+,但是要用css3開發**的話,要考慮的是還在用低版本瀏覽器的使用者,如果可以這些使用者,那就沒什麼問題了,盡情的享受你的css3探索之旅吧

9樓:匿名使用者

美工都知道,在css裡面,ie6與ff是有很大的區別的,同樣的標籤,顯示都不一樣id=159 17、標準模式和怪異模式下的盒模型區別? 標準模式下:實際寬度 =

css和css3 有什麼區別??

10樓:

就是多了很多新的屬性,但向後相容css2和css,具體可以去w3school上看:http://www.

11樓:匿名使用者

增加了點屬性,丟棄了點兒屬性,注意用法的改變就行了。沒什麼大區別,會css看看css3就行。

12樓:匿名使用者

都是網頁樣式code,不同的在於css3比css多了一些樣式設定而已。

css3是向前相容的,也就是說,css中有效的code在css3也有效。

以上是純code方面來看,而對於具體的顯示效果,還要看瀏覽器對其的支援情況。

舉2個簡單的例子:

一、乙個css與css3都有效的code,如果瀏覽器不支援css3,那麼只會以css的樣式顯示。最常見的就是圓弧角。

二、乙個只在css3中有效的code,如果瀏覽器不支援css3,那麼其顯示效果就不會出現。

css3和css,在編寫code的時候,除了對一些css3中新出現的屬性設定,其它完全一樣。

css3.0和css2.0有啥區別

13樓:匿名使用者

css3 的出現,讓**更簡潔、頁面結構更合理,效能和效果得到兼顧。

個人認為,css3.0的乙個動態流概念很好,類似flash味道,這個css2.0無法比擬,此項僅做參考;

css3資料更精簡實用,許多css2.0要用**做效果,它不需要,直接**上ok。

正因為這個原由,原來css2.0要請求伺服器次數就要明顯高於css3.0,所以效能和訪問就要明顯差點;

由於css3.0是新鮮事物,就目前來講,國內瀏覽器大多還是ie8左右級別,大部分是不支援css3.0所以目前只有加強下css2.0功效果;

不過你可以用dw cs6.0,ie9、ff4+、chrome11+來進行除錯,它們是支援css3.0的;

14樓:匿名使用者

2個不同版本,3.0版本當然高階下,能做出更多css2.0不容易做出的效果,但是現在用2.

0的居多吧。因為現在很多人還是用ie6 ie7和一些其他老版本的瀏覽器,開發者為了相容性,一般就用用那些常規的,3.0版本對老瀏覽器支援不好。

最全的 css2.1 和 css3+ 的區別一覽

css3中怎樣實現div的2d,3d旋轉

新建乙個html檔案粘過去 2d 旋轉 3d 旋轉 2d旋轉 3d旋轉放大 2d旋轉 3d旋轉 html 2d 旋轉 3d 旋轉 js var x,y,n 0,ny 0,rotint,rotyint function rotatediv x document.getelementbyid rotat...

學習html5和css3用不用先學html4和css

建議先學html4和css2,原因是html5還未普及,而且html4和css2其實很容易學會,但是要在工作中應用得好或者說 的邏輯寫的更好就要在工作中實戰,磨練一段時間。學完html4和css2後去學html5就有了基礎,會相對簡單。學習 html5 css3 顯然 應該是掌握了 html4 xh...

css3裡怎樣使div從左(無)到右(有)滑入頁面

如下 lorem ipsum dolor sit amet,consectetur adipisicing elit.minima quisquam tempora quaerat dolores molestias reiciendis vero labore voluptates necessi...