CSS3 简介

CSS3 是层叠样式表（Cascading Style Sheets）的最新版本，它提供了丰富的样式和动画功能，使得网页设计和开发变得更加灵活和有趣。

CSS3 特性

• 盒子模型：CSS3 引入了新的盒子模型属性，如 box-sizing，可以更方便地控制元素的大小和布局。
• 选择器：CSS3 拥有更强大的选择器，如属性选择器和伪元素选择器，可以更精确地定位元素。
• 布局：CSS3 引入了 flexbox 和 grid 等布局模型，可以轻松创建复杂的网页布局。
• 动画和过渡：CSS3 提供了强大的动画和过渡效果，可以创建动态的网页元素。
• 颜色和渐变：CSS3 支持更丰富的颜色选择和渐变效果。

实例

以下是一个简单的 CSS3 动画实例：

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

div {
  width: 100px;
  height: 100px;
  animation-name: example;
  animation-duration: 4s;
}

学习资源

更多关于 CSS3 的学习资源，请访问我们的教程页面。

图片示例

CSS3 动画示例