六星云课堂：CSS和CSS3有什么区别？CSS和CSS3学哪个？

CSS和CSS3许多特性之间有足够显著的差异，值得我们更仔细地研究。因此，在某些情况下，我们会涵盖图表中已经提到的功能，但会更仔细地观察它们。

让我们选出一些网页设计的特点，和六星云课堂一起看看它们在CSS和CSS3之间有什么不同。

1.兼容性

CSS3是CSS更高级的版本。因此，你用CSS编写的任何代码在CSS3中都是有效的。但是，反过来就不对了。

2.圆角和渐变

当CSS发布时，开发人员使用设计图像来创建具有不同渐变和结构的圆角。但是，CSS没有任何特殊的属性可以让网页设计者快速地将元素的边角变圆。因此，这是一个艰苦的过程，包括设计代表圆角的图像，将它们存储在服务器上，然后将它们放在网页上。

相比之下，一旦CSS3问世，开发者只需添加一段简单的代码就能达到同样的效果。例如，下面是圆形边框的代码：{border-radius:25px}。此外，现在可以更容易地使用简单的代码设置渐变，如：gradBG{ Background:linear-gradient(red，blue)；}。

3.CSS和CSS3中的列表

使用CSS的开发人员可以创建不同的有序或无序列表。此外，web开发人员可以为列表项标记设置背景色或引入自定义图像。CSS还可以调整列表类型，如圆形、方形和圆盘形。

但是对于CSS3，display属性中已经指定了list-item。因此，web开发人员可以针对列表项标记引入图像，尽管它不支持编号。

4.文本效果和动画

CSS动画使用JavaScript和jQuery。它没有图层设计的特点，也没有任何特殊效果，如文本阴影，文本选择等。

相比之下，CSS3允许开发者加入文本阴影来创建3D效果。CSS3还提供了文本大小或颜色的灵活和连续的变化。此外，CSS3动画可以在没有JavaScript或Flash代码的情况下运行。此外，使用CSS3的开发人员可以使用更少的代码生成文本设计，从而提高网页加载速度。

5.字体

CSS确保所有的机器和浏览器应该显示和使用相同的字体，这样设计就不会产生异常。然而，在CSS3中，web开发人员可以引入更多独特的字体，而不是通过HTML脚本使用web安全标签字体。

6.伪类

CSS支持伪类，允许开发人员定义HTML元素的特定状态。例如，开发人员可以使用伪类来突出显示用户已经单击过的网页上的链接，或者在用户的鼠标悬停在HTML元素上时设置该元素的样式。

CSS3也允许伪类。然而，CSS3伪类具有高级功能。例如，开发人员可以根据子元素相对于父元素的位置来定位父元素的子元素。7.属性选择器

CSS3具有选择器的概念，而CSS没有。因此，开发人员可以使用CSS3选择HTML元素来代替ID和类作为应用于CSS样式的属性，而不是应用类或ID来创建样式。

以上就是本次分享的全部内容，想学习更多编程技巧，欢迎持续关注六星云课堂！