CSS查缺补漏之《说一说CSS3有哪些新特性?》
CSS3 引入了许多新特性,以下是一些主要的 CSS3 新特性:
边框(Borders)
- 圆角边框(border-radius)
- 阴影效果(box-shadow)
背景和图像
- 线性渐变(linear-gradient)
- 径向渐变(radial-gradient)
- 背景图片多背景(multiple background images)
文字效果
- 文字阴影(text-shadow)
- 字体(@font-face)
2D/3D转换
- 转换(transform)
- 转换原点(transform-origin)
动画(Animations)
- 关键帧(keyframes)
- 动画函数(animation)
多列布局
- 列数(column-count)
- 列间隔(column-gap)
用户界面
- 滚动条样式(::-webkit-scrollbar)
多媒体
- 视频(<video>标签)
- 音频(<audio>标签)
选择器
- 属性选择器([attribute])
- 结构伪类选择器(:nth-child, :last-child)
其他
- 颜色预定义值(rgba, hsla)
- 盒模型(box-sizing)
这些新特性使得 CSS 更加丰富和强大,可以创建出更加生动和复杂的网页设计。
评论已关闭