2

我一定很累。CSS 没有导入 HTML。所有显示的是：测试测试测试（在不同的行）另外，在网格 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：

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

body {
        background-attachment:fixed;
    background-repeat:no-repeat;
    background-color:#7FA8FF;
    background-position:top;
    background-image:url("../images/background.png");
    text-align: center; 
    font-family: 'Days One', sans-serif;
}
4

4 回答 4

2

css尝试从路径中删除前导斜杠：

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

这将假定您css在 Web 应用程序的根目录下有一个文件夹，与 HTML 页面处于同一级别。

于 2013-01-09T00:00:22.857 回答
1

相对 URL@import被解释为相对于导​​入样式表。现在，如果您显示的样式表是"/css/styles.css", @import url("css/grid.css"")（不包括最后的杂散 "" ）会查找/css/css/grid.css可能不是您想要的文件。

只是猜测，但我认为是

@import url("grid.css")

你需要。

于 2013-01-09T00:08:16.890 回答
0

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

我无法获得以下 CSS

@import url("http://fonts.googleapis.com/css?family=Days+One&effect=font-effect-fire-animation");
于 2013-01-09T00:00:25.533 回答
0

我有一个类似的想法，即前导 '/' 可能是像 duffymo 这样的问题。所以我建议使用

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

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

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

可能是网格没有导入，因为您正在从 css/ 调用 css/grid.css 来制作 css/css/grid.css 但我可能是错的；但尝试并没有什么坏处。

于 2013-01-09T00:07:51.070 回答