CSS和CSS3的区别

CSS

CSS是层叠样式表(Cascading Style Sheet)的缩写。它的主要目的是为网页提供样式和时尚。CSS提供颜色、布局、背景、字体和边框等属性。CSS的功能允许更好的内容可及性,增强的灵活性和控制力,以及规范的表现特征。

CSS3

CSS3是层叠样式表第3级的缩写,是CSS的高级版本。它用于结构化、风格化和格式化网页。CSS3增加了一些新功能,所有现代网络浏览器都支持它。CSS3最重要的特点是将CSS标准分割成独立的模块,使之更容易学习和使用。

CSS3的新功能如下:

  • 组合器:CSS3有一个新的通用兄弟姐妹组合器,它通过tilde(~)组合器与兄弟姐妹元素相匹配。
  • CSS选择器:与CSS提供的简单选择器相比,CSS3的选择器要先进得多,它被称为一系列易于使用和简单的选择器。
  • 伪元素:大量新的伪元素已经被添加到CSS3中,以方便深入地进行样式设计。甚至还增加了一个新的双冒号惯例::。
  • 边框样式:最新的CSS3也有新的边框样式特性,如border-radius、image-slice、image-source和 “width stretch “的值等。
  • 背景样式属性:CSS3中增加了新的功能,如background-clip、size、style和origin属性。

CSS和CSS3之间的区别。

编号 CSS CSS3
1 CSS能够对文本和对象进行定位。 CSS3能够使网页更有吸引力,而且创建时间更短。CSS3与CSS是向后兼容的。
2 CSS中不支持响应式设计 CSS3是最新的版本,因此它支持响应式设计。
3 CSS不能被分割成模块。 CSS3可以被分解成模块。
4 使用CSS,不能建立3D动画和转换。 但在CSS3中,可以进行各种动画和转换,因为它支持动画和3D转换。
5 与CSS3相比,CSS的速度非常慢 CSS3则比CSS快。
6 在CSS中,我们有一套标准的颜色,它只使用基本的颜色方案。 CSS3有一个很好的HSL RGBA、HSLA和渐变色的集合。
7 在CSS中,我们只能使用单个文本块。 但在CSS3中,我们可以使用多列文本块。
8 CSS不支持媒体查询。 但CSS3支持媒体查询
9 CSS代码不被所有类型的现代浏览器所支持。 作为最新的版本,CSS3代码被所有现代浏览器所支持。
10 在CSS中,设计师必须手动开发圆滑的梯度和角。 但CSS3提供了先进的代码来设置圆滑的梯度和角。
11 在CSS中没有像阴影文本、文本动画等特殊效果。该动画是在jQuery和JavaScript中编码的。 CSS3有许多先进的功能,如文本阴影、视觉效果以及各种字体样式和颜色。
12 在CSS中,用户可以为列表项和列表添加背景色,为列表项设置图像等。 而CSS3的列表中定义了一个特殊的显示属性。甚至列表项也有计数器重置属性。
13 CSS是在1996年开发的。 CSS3是CSS的最新版本,于2005年发布。
14 CSS是内存密集型的。 与CSS相比,CSS3的内存消耗很低。