Skip to content
  1. 选择器增强
    • CSS3引入了新的选择器,如属性选择器、伪类选择器等,提供了更丰富的选择器功能。
  2. 边框和背景的增强
    • border-radius:创建圆角边框。
    • box-shadow:为元素添加阴影效果。
    • border-image:使用图片来绘制边框。
    • background-clipbackground-originbackground-sizebackground-break:这些属性提供了更细致的背景控制。
  3. 布局和定位
    • 弹性盒子布局(Flexbox):通过display: flex及其相关属性,实现灵活的布局方式。
    • 网格布局(Grid):通过display: grid及其相关属性,实现二维网格布局。
    • 多列布局(Multicolumn):创建多列布局。
  4. 动画和过渡
    • transition:实现元素样式的平滑过渡效果。
    • animation:通过@keyframes规则和animation属性,实现更复杂的动画效果。
  5. 变形(Transforms)
    • transform属性允许旋转、缩放、倾斜或平移给定元素。
  6. 媒体查询(Media Queries)
    • 允许根据不同设备的屏幕尺寸、分辨率和方向等条件,应用不同的样式规则,对响应式设计尤为重要。