css中什么区别(css和css3区别)

CSS（Cascading Style Sheets）是一种用于描述网页样式的标记语言。它通过选择器和属性来定义网页元素的外观和布局。CSS3是CSS的最新版本，相较于CSS2，它引入了许多新的特性和功能，以提供更丰富的样式和交互效果。

CSS3引入了新的选择器，使得选择元素更加灵活和精确。例如，可以使用属性选择器来选择具有特定属性值的元素。下面是一个示例代码：

/* 选择所有具有title属性的a元素 */
a[title] {
  color: blue;
}
/* 选择所有具有href属性值以https开头的a元素 */
a[href^="https"] {
  color: red;
}

CSS3提供了更多的样式属性和属性值，以实现更多样式效果。例如，可以使用box-shadow属性为元素添加阴影效果，使用border-radius属性实现圆角效果。下面是一个示例代码：

/* 添加盒子阴影效果 */
.box {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
/* 添加圆角效果 */
.button {
  border-radius: 5px;
}

CSS3还引入了过渡（transition）和动画（animation）效果，使得元素在状态变化时可以平滑过渡或展示动画效果。例如，可以使用transition属性为元素添加过渡效果，使用@keyframes规则定义关键帧动画。下面是一个示例代码：

/* 添加过渡效果 */
.button {
  transition: background-color 0.3s;
}
.button:hover {
  background-color: red;
}
/* 添加动画效果 */
@keyframes slidein {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.slide {
  animation: slidein 1s;
}

总结来说，CSS3相较于CSS2，提供了更多选择器、样式属性和属性值，以及过渡和动画效果，使得网页开发人员可以更加灵活和方便地实现各种样式和交互效果。这些新特性和功能大大提升了网页的视觉吸引力和用户体验。