CSS没有导入到HTML中_Html_Css_Background_Stylesheet_Grid System

CSS没有导入到HTML中

html css

CSS没有导入到HTML中,html,css,background,stylesheet,grid-system,Html,Css,Background,Stylesheet,Grid System,我一定累了。CSS没有导入到HTML中。所有显示的是：Test（在不同的行上）另外，在网格CSS中只有920.gs： <!DOCTYPE html> <html> <head> <title>Some title</title> <link rel="stylesheet" type="text/css" href="/css/styles.css" /> &l

我一定累了。CSS没有导入到HTML中。所有显示的是：Test（在不同的行上）另外，在网格CSS中只有920.gs：

<!DOCTYPE html>
<html>
        <head>
            <title>Some title</title>
        <link rel="stylesheet" type="text/css" href="/css/styles.css" />
    </head>
    <body>
        <div class="container_12" id="content">
            <div class="grid_3" id="leftside">
                <h1>Test</h1>
            </div>
            <div class="grid_6">
                <h1>Test</h1>
            </div>
            <div class="grid_3" id="rightside">
                <h1>Test</h1>
            </div>
        </div>
    </body>
</html>

尝试从

css

路径中删除前导斜杠：

<link rel="stylesheet" type="text/css" href="css/styles.css" />

这将假定您在web应用程序的根目录下有一个

css

文件夹，与HTML页面处于同一级别。

检查您是否可以下载您尝试导入的css

我无法获得以下CSS

@import url("http://fonts.googleapis.com/css?family=Days+One&effect=font-effect-fire-animation");

我有一个类似的想法，那就是前面的“/”可能是像达菲莫一样的问题。所以我建议使用

<link rel="stylesheet" type="text/css" href="css/styles.css" />

除此之外，我还将从css文件中删除include语句，并将其放在main中，如：

<link rel="stylesheet" type="text/css" href="css/grid.css" />

可能是网格没有导入，因为您正在从css/making css/css/grid.css调用css/grid.css，但我可能错了；但是尝试一下也无妨。

@import

中的相对URL被解释为相对于导入样式表。现在，如果您显示的样式表是

“/css/styles.css”

，

@import url（“css/grid.css”）

（不包括末尾的杂散的“”）将查找一个文件

/css/css/grid.css

，这可能不是您想要的

只是猜测，但我认为这是

@import url("grid.css")

您需要。

可能是因为您正在引用带有“/“在相对路径的开头，这将使其成为绝对路径。它可能正在搜索您的服务器根目录。检查Chrome开发工具是否有文件加载失败？谢谢，这就是问题所在。谢谢所有其他回复的人。另加一张便条。您可以使用./表示相同的目录：D

@import url("grid.css")