CSS和CSS3之间的区别

简介

CSS（Cascading Style Sheets）是一种用于描述文档渲染外观样式的语言，用于定义HTML或XML文档的呈现方式。第一版CSS标准发布于1996年，目前最新的版本为CSS3，发布于2011年。CSS3是CSS的一次重大更新，增加了很多新特性和模块。

区别

语法

CSS3与CSS的语法基本相同，但CSS3增加了很多新的选择器、属性和值。CSS3采用模块化的方式组织，每个模块都有自己的规范，实现更加方便。

新增选择器

CSS3新增了很多选择器，包括属性选择器、伪类选择器、伪元素选择器等等，可以更加灵活地选择网页中的元素。其中一些新增的选择器如下所示：

/* 属性选择器 */
a[class="active"] {
  color: red;
}

/* 伪类选择器 */
a:hover {
  color: blue;
}

/* 伪元素选择器 */
p::first-letter {
  font-size: 2em;
}

新增属性和值

CSS3新增了很多属性和值，可以更加方便地实现网页中的各种效果。其中一些新增的属性和值如下所示：

/* 边框圆角 */
div {
  border-radius: 10px;
}

/* 动画 */
div {
  animation: rotate 5s linear infinite;
}

/* 渐变 */
div {
  background: linear-gradient(to right, red, yellow);
}

移除一些属性

CSS3移除了一些过时的属性，例如：

/* 不再使用 */
div {
  font: bold 14px Arial, sans-serif;
}

/* 使用font-size、font-weight、font-family代替 */
div {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}

总结

CSS3相较于CSS，新增了很多选择器、属性和值，使得我们可以更加灵活地设计网页样式。这些新增内容可以实现很多以前难以实现的效果，例如圆角、渐变、动画等等。在开发过程中，要根据实际需求灵活选择CSS或CSS3。