0

我正在尝试为 tumblr 编写主题,我对布局很满意,但是,我不确定编码是否是插入图像的最有效方式。我正在使用 html 将装饰元素插入到我的背景中,如下所示:

<div style="width:321px;
height:513px;
background:url(https://static.tumblr.com/rcvxpmk/a1Cqbosyt/left_img_for_gctita_theme.png);
z-index:2;
top:120px;
left:48px;
position:fixed;">
</div>

它完成了工作,正如我所说,它看起来像我想要的那样 - 但我的问题是,我注意到以这种方式插入图像并不经常这样做?(我可能错了,请随时纠正我)——我正在努力灌输良好的编码实践,所以如果这不是正确的做法,我想知道。除了我现在正在做的事情之外,我不确定如何插入图像并让它们看起来像我想要的那样。为它创建一个类然后将其插入到html中会更好吗?

4

2 回答 2

2

虽然使用 url 是获得所需效果的可行方法,但使用标签在 HTML 中创建适当的层次结构始终是我的首选方式。这增加了可读性并使我们的代码看起来更干净。当然,这一切都来自 Web 编程标准,与更“构建器友好”的开发环境相比,tumblr 是一个使用 HTML 进行标记的非正统平台。

简而言之,我绝对建议尽可能在 HTML 中实现层次结构,因为这会提高标记语言的专业性。

于 2020-06-20T19:56:50.997 回答
1

您使用 background-image 属性的方法非常好。

这种方法也受到许多网站的欢迎。此外,这种方法被认为比使用<img>标签更安全。因此,在任何工作的地方都可以使用背景图像。

于 2020-06-20T19:57:12.287 回答