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的内存消耗很低。 |