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区别总结：

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

css2推崇内容和表现效果分离的方式，css3是朝着模块化发展的。

css2没有兼容性问题，css3有。

感谢你能够认真阅读完这篇文章，希望小编分享的“css3与css2的区别有哪些”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!