5 个你不知道的隐藏 CSS 属性
scroll-behavior: 这个属性用于定义滚动操作的动画过渡效果，比如平滑滚动到视图中。
/* 平滑滚动到顶部 */
html {
scroll-behavior: smooth;
}object-fit: 这个属性用于指定替换元素（如<img>或<video>）如何调整大小以适应其容器。
/* 保持视频的宽高比，同时填充容器 */
video {
object-fit: cover;
}aspect-ratio: 这个属性用于定义视频、图片或任何其他元素的自然宽高比。
/* 设置图片的宽高比为4:3 */
img {
aspect-ratio: 4 / 3;
}accent-color: 这个属性用于设置元素的装饰色（如 checkbox 或按钮的边框等）。
/* 设置按钮的装饰色 */
button {
accent-color: blue;
}user-select: 这个属性用于定义是否能选中文本以及如何处理文本选择。
/* 禁止文本选择 */
.no-select {
user-select: none;
}以上代码示例展示了这五个CSS属性的基本用法。记住，这些属性可能不被所有浏览器支持，你可能需要添加浏览器前缀或等待浏览器的更新来使用它们。
评论已关闭