css和css3有什么区别?

html-css010

css和css3有什么区别?,第1张

都是网页样式code,不同的在于css3比css多了一些样式设置而已。

css3是向前兼容的,也就是说,css中有效的code在css3也有效。

以上是纯code方面来看,而对于具体的显示效果,还要看浏览器对其的支持情况。

举2个简单的例子:

一、一个css与css3都有效的code,如果浏览器不支持css3,那么只会以css的样式显示。最常见的就是圆弧角。

二、一个只在css3中有效的code,如果浏览器不支持css3,那么其显示效果就不会出现。

css3和css,在编写code的时候,除了对一些css3中新出现的属性设置,其它完全一样。

CSS和CSS3都是样式,CSS3是在CSS上新增了样式属性。

CSS3新增特性

CSS3圆角边框:border-radius(解决了原有圆角边框需要截图的问题)

CSS3文本阴影与盒阴影:text-shadow、box-shadow(可以用于实现标签边框或阴影)

CSS3背景尺寸、背景切割和背景原点:background-clip background-origin background-size(移动端用于处理背景图适配问题)

CSS3变形 transform(二维变形以及三维特效)

CSS3动画 animation(实现复杂动画)

CSS3过渡 transition(实现简单动画)

CSS3 Media Query媒体查询(主要用于实现响应式布局)

都是网页样式code,不同的在于css3比css多了一些样式设置而已。

css3是向前兼容的,也就是说,css中有效的code在css3也有效。

以上是纯code方面来看,而对于具体的显示效果,还要看浏览器对其的支持情况。

举2个简单的例子:

一、一个css与css3都有效的code,如果浏览器不支持css3,那么只会以css的样式显示。最常见的就是圆弧角。

二、一个只在css3中有效的code,如果浏览器不支持css3,那么其显示效果就不会出现。

css3和css,在编写code的时候,除了对一些css3中新出现的属性设置,其它完全一样。