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

• ##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有。 ######（學習影片分享：###css影片教學###）###

以上是css3與css2的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！