css 是否有一种方法可以在特定语法中引用另一个文件？

c3frrgcw 于 2023-04-01 发布在其他

关注(0)|答案(1)|浏览(113)

我想基本上参考另一个文件，更具体地说是assets/img/hero.jpg，我想在这里将其作为背景图像添加到这段代码中：

#hero {
  width: 100%;
  height: 100vh;
background: url(<!-- what should I add here so it creates a reference to that file I showed above -->); top right no-repeat;
  background-size: cover;
  position: relative;
}

既然我在另一个文件中有图像，我该如何引用该图像？有什么建议吗？

css

来源：https://stackoverflow.com/questions/65820037/is-there-a-way-to-refer-to-another-file-within-in-a-particular-syntax

1条答案

按热度按时间

q3aa05251#

创建一个文件夹目录，如下所示：

web
 |---> assets
 |       |---> img
 |              |---->hero.jpg
 |
 |---> index.html

创建一个名为index.html的html文件，并添加以下代码：
x一个一个一个一个x一个一个二个x

注意：如果您更改html文件或CSS文件的位置，URL也会更改。

例如，如果你已经将CSS文件移动到名为CSS的目录中，如下所示：

web
 |---> assets
 |       |---> img
 |              |---->hero.jpg
 |
 |---> css
 |      |---> index.css
 |
 |---> index.html

你将不得不添加一个链接到HTML文件中的样式表，你也必须更新背景图像的URL。

验证码：

#hero {
  width: 100%;
  height: 100vh;
  background: url("../assets/img/hero.jpg") top right no-repeat;
  background-size: cover;
  position: relative;
}

<html>

<head>
  <title>Sample</title>
  <link rel="stylesheet" href="css/index.css" type="text/css" />
</head>

<body>
  <div id="hero">
  </div>
</body>

赞(0）回复(0）举报 2023-04-01

我来回答

css 是否有一种方法可以在特定语法中引用另一个文件？

1条答案

相关问题

热门标签

最新问答