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