xhtml - 将宽度和高度属性添加到图像和/或 css

Question

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

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

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

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

3 回答 3