html - 如何访问 HTML 中的 CSS 文件?

标签 html css background-image

我知道这是一个基本且直接的问题,但是似乎无法让我的 html 文件读取 css 文件并且背景图像不起作用。

这是我的 CSS:

body, html {
background-image: url(images/background.jpg);
width: 100%;}

这是我的 HTML:

<link rel="stylesheet" href="../static/style.css" />

文件树:

网络/ 静止的/ 文件.css/

网络/模板/ 文件.html

网络/图像/ 图片.css

最佳答案

CSS 可以很好地加载(假设 file.html 的 URL 是 /templates/file.html 并且您不只是将它用作服务器端模板对于不同的 URL)如果你的文件名正确(它是 file.css 而不是 style.css)。

width: 100% 应该应用并创建一个(短)水平滚动条,但不应该有任何其他效果。

图像不会加载,因为 URL 相对于样式表 并且 /static/images/background.jpg 不存在(根据您的目录结构) .

关于html - 如何访问 HTML 中的 CSS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38964066/

相关文章:

javascript - .click() 在 IE11 中拒绝访问

html - 背景颜色不适用于 z 索引元素

css - Tornado :当图像用于背景图像时如何在模板中编写?

css - 我的标题出现奇怪的 CSS 问题

php - 如何将动态添加的文本框(JavaScript)中的多个数据保存到MySQL数据库中?

javascript - 无法在javascript中绘制文本

css - 如何仅为特定元素或选择器重置/删除 CSS 样式

css - 动画不会运行

html - 创建定位填充框并设置高度和宽度

css - 使用 nth-child 在第三个 h3 上组合 CSS 背景图像和渐变