html - 哪个选项更轻量级？CSS对角线或小的重复.png图像？

Question

我希望我的 Web 应用程序快速且跨浏览器兼容。javascript会有很多动画动作。CSS对角线（通过渐变）或小的重复.png图像是否有显着差异？

Answer 1

我的一般经验法则是，如果你能用 CSS 做某事，就用 CSS 做吧！或者至少那是我在大学时学到的。

我原以为 png 需要更大的带宽来下载文件，而 CSS 需要更多的处理能力。这两个都不应该很好，因为我们只是在谈论一个小图像/一点点 css，所以我看不出有太多的性能问题。

CSS 旨在将内容与样式分开，以鼓励可访问性和跨浏览器兼容性。（只有当它们是内容而不是样式时，才应该真正将图像添加到 HTML 中）。