CSS 图像

CSS 图像模块定义了可以使用的图像类型(<image> 类型,包含 URL、渐变和其他图像类型)、如何调整它们的大小,以及它们和其他替换内容如何与不同的布局模型交互。

参考

属性

CSS 图像模块还定义了 image-resolution 属性。目前,没有浏览器支持此功能。

函数

CSS 图像模块还定义了 image() 函数。目前,没有浏览器支持此功能。

数据类型

指南

使用 CSS 渐变

介绍特定类型的 CSS 图像,即渐变,以及如何创建和使用它们。

在 CSS 中实现图片精灵

描述了将多个图像组合到一个文档中的常见技术,以节省下载请求并加快页面可用性。

为替换元素添加样式

介绍了仅适用于替换元素的属性。

理解纵横比

了解 aspect-ratio 属性,讨论替换元素和非替换元素的宽高比,并研究一些常见的宽高比用例。

使用 CSS object-view-box 属性

了解 CSS object-view-box 属性,包括如何放大、缩小和平移图像。

规范

规范
CSS 图像模块第三级
CSS 图像模块第 4 级
CSS 图像模块级别 5

另见