请对比html与css的异同,css3与css2的区别是什么?

CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

f64c8735a94355bbab82b0a8fb85c8df.png

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的进阶,增加了一些新的属性。

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

css3新增的属性: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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值