css3和css的不同处

CSS（层叠样式表）是一种用于描述网页上元素样式的语言。它可以控制网页的布局、字体、颜色、背景、边框等各个方面的样式。CSS3是CSS的升级版本，它引入了一些新的功能和特性，使得开发者可以更加灵活地控制和设计网页。

CSS3相对于CSS来说，具有更多的选择器和样式属性。CSS3引入了更多的选择器，可以更精确地选择和控制网页上的元素。例如，CSS3中的属性选择器允许根据元素的属性值选择元素，如下所示：

input[type="text"] {
  color: red;
}

这段代码表示选择所有type属性值为"text"的input元素，并将其文本颜色设置为红色。这样，开发者可以更加灵活地选择元素，并对其进行样式设置。

CSS3引入了一些新的样式属性，使得开发者可以实现更丰富的效果。例如，CSS3中的过渡（transition）和动画（animation）属性可以为元素添加平滑的过渡效果和动画效果。下面是一个使用CSS3动画属性的示例代码：

@keyframes move {
  0% { left: 0; }
  100% { left: 200px; }
}
div {
  position: relative;
  animation: move 2s infinite;
}

这段代码定义了一个名为"move"的关键帧动画，从左边移动到右边。然后，将这个动画应用到一个div元素上，使其无限循环播放动画效果。通过CSS3的新样式属性，开发者可以实现更加生动和吸引人的网页效果。

CSS3还引入了一些新的布局模块，如弹性布局（Flexbox）和网格布局（Grid），使得开发者可以更方便地实现网页的自适应布局。例如，下面是一个使用Flexbox布局的示例代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.item {
  flex: 1;
  margin: 10px;
}

这段代码将一个包含多个子元素的容器元素设置为Flexbox布局，并使用justify-content和align-items属性将子元素水平和垂直居中。通过CSS3的新布局模块，开发者可以更轻松地实现网页的自适应布局，适应不同尺寸的屏幕和设备。

CSS3相对于CSS来说，具有更多的选择器和样式属性，可以实现更丰富的效果，并引入了新的布局模块，使得开发者可以更灵活地控制和设计网页。这些新功能和特性为网页开发提供了更多的可能性，使得网页更加美观、交互性更强。