css3與css2的區別有哪些

這篇文章主要介紹了css3與css2的區別有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

區別：1、css3是css2的進階，增加了一些新的屬性，例如animation、box-sizing、icon等；2、css2推崇內容和表現效果分離的方式，而css3是朝著模塊化發展的；3、css2沒有兼容性問題，css3有。

本教程操作環境：windows7系統、CSS3版、Dell G3電腦。

CSS為HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

css主要有三個版本，分別是css1、css2、css3。css2使用的比較多，因為css1的屬性比較少，而css3有一些老式瀏覽器并不支持，所以大家在開發的時候主要還是使用css2。

CSS2.0是一套全新的樣式表結構，是由W3C推行的，同以往的CSS1.0或CSS1.2完全不一樣，CSS2.0推薦的是一套內容和表現效果分離的方式，HTML元素可以通過CSS2.0的樣式控制顯示效果。

可完全不使用以往HTML中的table和td來定位表單的外觀和樣式，只需使用div和 Li此類HTML標簽來分割元素，之后即可通過CSS2.0樣式來定義表單界面的外觀。

CSS3語言開發是朝著模塊化發展的。以前的規范作為一個模塊實在是太龐大而且比較復雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進來。

簡單來說就是css2有的屬性css3都有，但是css3有的屬性css2不一定有。 CSS3是最新的版本，效果上CSS2是比不了的，css3可以說是css2的進階，因為css3是在css2的基礎上增加了一些新的屬性。

比如定義圓角、背景顏色漸變、背景圖片大小控制和定義多個背景圖片等很多，這個是CSS2上沒有的效果，現在新版本的瀏覽器基本都支持CSS3，比如IE9、FF4+、chrome11+，但是要用CSS3開發網站的話，要考慮的是還在用低版本瀏覽器的用戶。

css3與css2區別總結：

1、css3是css2的進階，增加了一些新的屬性。

• animation (and eight associated longhand properties)

• background-clip

• background-origin

• background-size

• border-radius (and four associated longhand properties)

• border-image (and six associated longhand properties)

• box-decoration-break

• box-shadow

• box-sizing

• columns (and thirteen associated multi-column properties)

• clear-after

• flex (and eleven associated flexbox properties)

• font-stretch

• font-size-adjust

• font-synthesis

• font-kerning

• font-variant-caps

• hanging-punctuation

• hyphens

• icon

• image-resolution

• image-orientation

• line-break

• object-fit

• object-position

• opacity

• outline-offset

• overflow-wrap / word-wrap

• backface-visibility

• perspective

• perspective-origin

• pointer-events (for HTML)

• resize

• tab-size

• text-align-last

• text-decoration-line

• text-decoration-skip

• text-decoration-position

• text-decoration-style

• text-emphasis (and three associated properties)

• text-justify

• text-orientation

• text-overflow

• transform

• transform-style

• text-shadow

• transition (and four associated longhand properties)

• word-break

• word-spacing

• writing-mode

2、css2推崇內容和表現效果分離的方式，css3是朝著模塊化發展的。

3、css2沒有兼容性問題，css3有。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css3與css2的區別有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!