将宽度和高度属性添加到图像和/或 css答案

【问题标题】：Add width and height attr's to images and or css将宽度和高度属性添加到图像和/或 css
【发布时间】：2013-06-28 16:37:15
【问题描述】：

我正在使用 wordpress，并且在添加图像时删除了宽度和高度属性，因为它们是自动添加的，但是我一直在通过样式表调整图像大小：

   .foo img {
        max-width:500px;
        width:100%;
    }

在做了一点阅读之后，似乎内联 attr 对页面加载时间有帮助，所以我想知道：

【问题讨论】：

【解决方案1】：

正如您所提到的，它们应该被内联添加以帮助缩短页面加载时间。内联样式将胜过外部样式表，但样式表将覆盖height 和width 属性。

换句话说，<img height='300' width='300'> 可以在外部样式表中被覆盖，但<img style='height:300;width:300'> 不能。

【讨论】：

首先，样式属性需要单位。 300px。其次，请注意不要再使用这些属性，因为它们已经过时了。
您对缺少的px 单位是正确的。我想那是一时的失忆。但是，您对height 和width 属性有误解。他们活得很好。不再支持align、border、hspace 和vspace，但 HTML5 仍支持高度和宽度。
我很抱歉。我发现越来越难以跟踪哪些元素和属性已弃用或未弃用。在这种情况下，我很确定我是对的，所以我没有费心去查。哦，好吧。
我看到 HTML5 定义和 HTML4.01 之间存在差异：在 HTML5 中，宽度和高度只能是像素数。在 HTML4.01 中，它们也可以是百分比。哦，好吧。

【解决方案2】：

如果您希望所有图像类 foo 宽度具有相同的属性，您应该使用外部工作表。宽度像素决定分辨率，宽度百分比决定拉伸。内联将覆盖外部工作表。

【讨论】：

【解决方案3】：

外部样式表用于组织您的设计并且可以级联。使用外部样式表的优点是您可以对一个或多个独立的样式表文件进行更改，而无需修改主标记中的内联属性。通过这种方式，您可以轻松更改样式属性。

您可以使用在大多数情况下会覆盖样式表属性的内联样式，但语法和格式应该是正确的。

这实际上取决于您想要做什么，但我通常更喜欢外部样式，因为这允许设计师（通过外部样式表）独立于开发人员进行设计。

【讨论】：