我基本上是在设计一篇长文，其中散布着各种图像。
我希望第一张图像“浮动：左”，第二张图像“浮动：右”。我知道我可以像这样设计图像：
img {
float: left;
}
这使得每张图像都具有相同的风格。如何为每张图像设置不同的样式？我尝试将每个图像放在不同的 div 类中，以便我可以对它们进行不同的样式，但它不起作用。
我也明白，我可以在 html 标签中设置每个图像的样式，如下所示：
<img src="ABCD.png" alt="Raoul Hausmann's ABCD" align="left" height="300px">
我一直听说最好将样式保留在外部样式表 (CSS) 中，与 html 分开。在这种情况下是否需要内联样式？
您可以为每个图像指定一个类或 id，这将帮助您为每个图像定义不同的 css，例如
<img src="" class="image1">
<img src="" class="image2">
在css文件中你可以定义
.image1
{
width:200px;
height:200px;
}
.image2
{
width:300px;
height:300px;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
