css3與css2的區(qū)別有哪些

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

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

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。

css主要有三個(gè)版本，分別是css1、css2、css3。css2使用的比較多，因?yàn)閏ss1的屬性比較少，而css3有一些老式瀏覽器并不支持，所以大家在開發(fā)的時(shí)候主要還是使用css2。

CSS2.0是一套全新的樣式表結(jié)構(gòu)，是由W3C推行的，同以往的CSS1.0或CSS1.2完全不一樣，CSS2.0推薦的是一套內(nèi)容和表現(xiàn)效果分離的方式，HTML元素可以通過(guò)CSS2.0的樣式控制顯示效果。

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

CSS3語(yǔ)言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個(gè)模塊實(shí)在是太龐大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進(jìn)來(lái)。

簡(jiǎn)單來(lái)說(shuō)就是css2有的屬性css3都有，但是css3有的屬性css2不一定有。 CSS3是最新的版本，效果上CSS2是比不了的，css3可以說(shuō)是css2的進(jìn)階，因?yàn)閏ss3是在css2的基礎(chǔ)上增加了一些新的屬性。

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

css3與css2區(qū)別總結(jié)：

1、css3是css2的進(jìn)階，增加了一些新的屬性。

• 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推崇內(nèi)容和表現(xiàn)效果分離的方式，css3是朝著模塊化發(fā)展的。

3、css2沒有兼容性問(wèn)題，css3有。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css3與css2的區(qū)別有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!