本教程操作环境: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有。
(学习视频分享:css视频教程)
以上就是css3与css2的区别是什么的详细内容,更多请关注风君子博客其它相关文章!