处理CSS时在HTML中保留文件位置

我有一个非常酷的影响，我想适用于一系列的图像。不过，文件位置包含在CSS中，但我想将其移动到HTML代码中。我怎样才能做到这一点。在样式表中，还有许多其他组件可能会干扰img标记。我应该怎样做才是最好的。以下是CSS代码：

.social-slide {
    background-image: url(/static/images/icons/profile.png);
    height: 50px;
    width: 50px;
    margin: 10px;
    float: right;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.3s;
}
.social-slide:hover {
    background-position: 0px -50px;
    -webkit-filter: invert(30%); 
} 

---

如果确实需要，可以将其放在

style

属性中，但这通常不是一个好主意

---

如果确实需要，可以将其置于
样式
属性中，但这通常不是一个好主意

在html文件中执行以下操作：

<style>
.social-slide {
    background-image: url(path);
}
</style>


.社会滑坡{
背景图像：url（路径）；
}

或者，您可以进行内联样式设置，但不建议这样做。
在您的html文件中，请执行以下操作：

<style>
.social-slide {
    background-image: url(path);
}
</style>


.社会滑坡{
背景图像：url（路径）；
}

或者，您也可以进行内联造型，但不推荐。
谢谢！我尝试了这个，它对一个图像有效，但其他图像的大小变小了。我是否也应该将大小强制放入HTML中的样式标记中？图像已正确装箱，但通常为256x256的图像显示为全尺寸。。。i、 e.我只能看到图像的一小部分被压缩到50px乘以50pxI，固定为：背景尺寸：包含；谢谢我尝试了这个，它对一个图像有效，但其他图像的大小变小了。我是否也应该将大小强制放入HTML中的样式标记中？图像已正确装箱，但通常为256x256的图像显示为全尺寸。。。i、 e.我只能看到图像的一小部分被压缩到50px乘以50pxI，固定为：背景尺寸：包含；