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" />），或基於class（img.imageClass或者，再次更簡單，.imageClass前者將選擇： <img class="imageClass" src="path/to/image.png" />後者將選擇相同的元素，但也具有相同的類名稱的任何其他元素）。

---

編輯由於從OP響應/問題：

[即使]在HTML電子郵件的情況下？

HTML電子郵件是這個規則的一個特例，HTML電子郵件通常不會加載或無法加載外部樣式表。和style塊似乎有問題，所以在那種情況下，是的。您仍然必須使用內聯樣式。不幸。

延伸閱讀：

• W3.org。
• SitePoint。

Answer 2

這是一個很好的做法，但像@David Thomas說的那樣，最好在外部CSS文件中使用它來避免內聯混亂。

Answer 3

這當然最好創建一個類的樣式屬性，如下所示：

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

爲什麼不建議使用內聯樣式。因爲如果您使用內嵌樣式，則無法從瀏覽器特定樣式表中影響該元素。例如，如果您創建了一個元素，並且發現它需要在IE6中進行一些「調整」以使其看起來不錯，例如，如果您明確地爲該元素設置了內聯樣式，則IE6特定的樣式表將不起作用風格將會「更低」，從而具有更高的優先級。