我基本上打造了一篇长篇文章,其中散布着各种各样的图像.我希望第一张图片为"float:left",第二张图片为"float:right".我知道我可以像这样设计图像:
img {
float: left;
}
Run Code Online (Sandbox Code Playgroud)
这使得每个图像具有相同的样式.如何对每张图片进行不同的样式设置 我试图将每个图像放在一个不同的div类中,这样我就可以对它们进行不同的设置,但它不起作用.
我也明白,我可以在html标签中设置每个图像的样式,如下所示:
<img src="ABCD.png" alt="Raoul Hausmann's ABCD" align="left" height="300px">
Run Code Online (Sandbox Code Playgroud)
我一直听说最好将样式保存在外部样式表(CSS)中,与html分开.这是需要内联样式的情况吗?
在我的计算机上,保存我的 .css 和 .html 文件的文件夹还包含一些我想插入到我的 html 中的图像。如果我从另一个网站借用图像,我了解如何获取图像的 url。如何获取位于我的文件夹中但尚未在 Internet 上的图像的 url?我是否必须将图片上传到其他网站才能获得链接?
我也明白我应该使用头部的基本标签来为我在 html 中的相对 url 提供链接,但在这个阶段,我没有包含图像的链接。