在html或css中指定图像大小的区别

Question

这个链接非常接近我的问题,但似乎适用于语法而不是实际的渲染输出:

我看到图像的高度和宽度可以在实际的html img标签中定义,实际上我读它的方式应该在那里定义.但是,我想知道图像显示的重要性.如果我插入以下代码

<img src="images/academia_vs_business.png" width="740" height="382" alt="" />

如果没有应用于图像的css,它是否会以其原始宽度和高度进行渲染？

如果我确实为该图像添加了CSS样式,就像在

img {
    width: 400px
}

它会否决widthhtml 的属性吗？

如果我没有在html中指定图像的高度和宽度,那么唯一的问题是我没有将实际图像大小传达给非可视用户代理或者是否存在其他问题(例如浏览器无法分配imgs页面加载期间的空间).

如果css要改变图像大小,是不是在html标签中指定大小是多余的？

我想这一切都可以归结为放置和调整图像的最佳做法,我很乐意听到别人的技巧.

Answer 1

来自W3C 网站：

UA 可以选择尊重 HTML 源文档中的表示属性。如果是这样，这些属性将被转换为相应的 CSS 规则，特异性等于 0，并被视为好像它们被插入到作者样式表的开头。因此，它们可能会被后续样式表规则覆盖。在过渡阶段，此策略将使样式属性更容易与样式表共存。

有关更多详细信息，请参阅此问题的答案