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):
- 允许根据不同设备的屏幕尺寸、分辨率和方向等条件,应用不同的样式规则,对响应式设计尤为重要。