【发布时间】：2015-01-17 01:08:04
【问题描述】：
我已经阅读了很多内容，您应该将您的 css 样式与您的内容分开，并且使用内联样式不是最佳做法，但这与 <img> 标签的大小相同吗？
使用属性设置宽度和高度是最佳做法，还是最好将其放在 css 类中？
<img src="myimg.png" height="100" width="200" />
或
.myimg{
height:100px;
width:200px;
}
<img src="myimg.png" class="myimg" />
还是没有“最佳”实践？ 如果是，在哪些情况下应该使用 1 或 2？
【问题讨论】：
-
我不确定是否有最佳做法。我认为一个更好的主意是使用
background:url(...);从 css 调用图像任何对你来说最容易维护的方法都是最好的方法。 -
对于单个图像，我会说这并不重要...如果您有多个图像适合模板，我会说 CSS。如果可能的话，我会远离图像大小调整（使用 CSS/属性调整图像大小仍然会加载整个大图像），而是有意自己设置图像的大小。
-
所以这取决于情况呢？ @DrewKennedy
-
imo，最好的方法是首先在您最喜欢的照片编辑器中将图像设置为您想要的大小，因为浏览器缩放会以某种方式降低质量。如果不这样做，css 或属性都无关紧要，但请记住，将其放在 CSS 中可以让您更换样式表并完全改变网站的外观和感觉，而属性就像硬编码大小一样html，这有时是你想要的。我个人得到了 css 路线
-
@JoJo 差不多，是的。