Question

我正在使用wordpress并且在添加图像时自动添加了宽度和高度attr，但是我一直在通过样式表调整图像大小：

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

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

Answer 1

如您所述，它们应该内联添加以帮助处理页面加载时间。内联样式将赢取外部样式表，但样式表将覆盖height和width属性。

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

Answer 2

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

Answer 3

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

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

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