css3和css的区别

/* CSS2 示例 */
div {
    width: 200px;
    height: 200px;
    background-color: red;
    border-radius: 10px; /* 这个属性在CSS2中不存在 */
}

/* CSS3 示例 */
div {
    width: 200px;
    height: 200px;
    background-color: red;
    border-radius: 50%; /* CSS3新增的属性，可以创建圆形 */
    box-shadow: 10px 10px 5px #888888; /* CSS3新增的阴影效果 */
    transform: rotate(45deg); /* CSS3新增的变形效果 */
    transition: all 0.3s ease; /* CSS3新增的过渡效果 */
}

解释说明：

• CSS2：在CSS2中，样式表的功能较为有限，主要集中在布局和基本样式设置上。例如，border-radius 属性在CSS2中是不存在的。
• CSS3：CSS3引入了许多新的属性和功能，如 border-radius（圆角）、box-shadow（阴影效果）、transform（变形效果）和 transition（过渡效果）。这些新特性使得网页设计更加灵活和富有表现力。

通过对比可以看出，CSS3相比CSS2增加了许多强大的功能，让开发者能够更轻松地实现复杂的视觉效果。