HTML 样式属性与直接将属性放入标签之间的核心区别是什么？答案

【问题标题】：What's the core difference between HTML Style Property vs directly putting the property inside the tags?HTML 样式属性与直接将属性放入标签之间的核心区别是什么？
【发布时间】：2019-10-08 16:52:23
【问题描述】：

我的印象是

<img width="48%" /> (wordpress classic editor will do it this way by default)

和

一样

<img style="width:48%;" />

但是，在现实生活中的测试中，我发现我的 WordPress 主题在上述情况下完全失败了。 HTML Style 属性有效，直接属性嵌入完全被忽略。那么到底发生了什么？

<img style="width:48%;" /> does not work (default)

<img width="48%" /> works

我只是想真正了解一下这两种添加属性的方式有什么区别。

【问题讨论】：

重复stackoverflow.com/questions/3562296/…
当使用width 属性时，它需要一个没有单位的值，并且该值在pixel 中，所以不，<img width="48%" /> 确实不是工作
not work (default)是什么意思
@LGSon for html5 这是真的，在此之前您也可以使用百分比。而且大多数浏览器即使在 html5 模式下仍然支持它以实现向后兼容性。
@t.niese True....今天（发布 5 年后）我希望我们谈论 HTML5

标签： html css wordpress

【解决方案1】：

您不能在 img 标签宽度属性中使用百分比，它只需要被视为像素的数字 <img width="48" /> 这里 48 以像素为单位。但是当您使用内联 CSS 或样式属性时，您可以使用百分比指定值。

【讨论】：

我认为当这两者发生冲突时，优先级也是一个区别。请确认，因为我不完全确定。
当您将宽度属性放在两边时，就像宽度一样作为 img 属性，也在样式 CSS 文件中或作为属性时，HTML 文件被认为是第一个样式 CSS 宽度属性。碰撞永远不会发生......
我认为你应该用它来更新你的答案。另外，你可以在这里介绍!important。
@MerajalMaksud 为什么要在这里介绍!important？该主题与问题完全无关，!important 是您无论如何都不应该使用的东西。