img造型css

Question

继续添加

是一种好习惯

style="padding: 0; margin: 0; display: block;"

每张图片？

Answer 1

不，最好使用外部样式表来做同样的事情：

img {
    padding: 0;
    margin: 0;
    display: block;
}

这将定位加载样式表的所有图像。这可以通过使用更具体的选择器来覆盖，例如基于id（img#theImageID，或者更简单地说，#theImageID将定位<img id="theImageID" src="path/to/image.png" />）或{{ 1}} - 基于（class或者更简单地img.imageClass。前者将选择：.imageClass后者将选择相同的元素，但也任何其他具有相同类名的元素。）

---

由于来自OP的回复/问题，

已编辑：

  

[偶数]如果是html电子邮件？

HTML电子邮件是此规则的一个特例，HTML电子邮件通常不会加载或无法加载外部样式表。似乎有<img class="imageClass" src="path/to/image.png" />块的问题，所以在这种情况下，是的。您仍然必须使用内嵌样式。不幸的是

进一步阅读：

• W3.org。
• SitePoint。

Answer 2

创建具有样式属性的类肯定会更好，如下所示：

img.imageclass {
    border: none;
    margin: 20px;
    padding: 10px;
}

为什么不建议使用内联样式。因为如果使用内嵌样式，则无法从浏览器特定样式表影响该元素。例如，如果您创建一个元素并且看到它需要一些“调整”以在IE6中看起来很好，例如，如果您明确为该元素添加内联样式，则IE6特定样式表将不起作用风格将“更低”，因此具有更高的优先级。

Answer 3

这是一个很好的做法，但是像@David Thomas说的那样，最好在外部CSS文件中做这件事以防止内联乱。