css3新特性及属性

CSS3是CSS可扩展样式表语言的第三个版本，也是目前最新的版本。它新增了很多有用而强大的特性和属性，提供了更多的方便和灵活性，以适应现代化网页设计的需求。

以下是一些CSS3的新特性和属性：

/* 边框圆角 */
.box {
    border-radius: 5px;
}

/* RGBA颜色 */
.box {
    background-color: rgba(0,0.5);
}

/* 文本阴影 */
.box {
    text-shadow: 2px 2px #888888;
}

/* 盒子阴影 */
.box {
    box-shadow: 2px 2px #888888;
}

/* 线性渐变背景 */
.box {
    background: linear-gradient(to bottom,#ffffff,#000000);
}

/* 旋转、倾斜和缩放 */
.box {
    transform: rotate(20deg) skew(10deg) scale(1.2);
}

/* 媒体查询 */
@media screen and (max-width: 768px) {
    .box {
        font-size: 16px;
    }
} 

以上只是CSS3的一小部分新特性和属性。通过使用CSS3，我们能够实现更有趣、更创新、更吸引人的网页设计效果，提高用户的体验和满意度。使用CSS3之前，我们应该先了解不同属性的兼容性和浏览器支持情况，以确保我们的设计能够在不同的平台和设备上正确显示。