css3与css2的区别有哪些

这篇文章主要介绍了css3与css2的区别有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

10多年的红桥网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整红桥建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“红桥网站设计”,“红桥网站推广”以来,每个客户项目都认真落实执行。

区别: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的区别有哪些”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


当前名称:css3与css2的区别有哪些
链接分享:http://hbruida.cn/article/gcihoh.html