2

私は疲れているに違いない。CSS が HTML にインポートされていません。表示されるのは次のとおりです。 Test Test 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 を追加します。

@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これは、HTML ページと同じレベルで、Web アプリのルートにフォルダーがあることを前提としています。

于 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

先頭の「/」がダフィーモのような問題になる可能性があるという同様の考えがあります。だから私は使用することをお勧めします

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

しかし、それと同様に、css ファイルから include ステートメントを削除し、次のようにメインに配置します。

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

css/からcss/grid.cssを呼び出してcss/css/grid.cssを作成しているため、グリッドがインポートされていない可能性がありますが、間違っている可能性があります。試してみても問題ありません。

于 2013-01-09T00:07:51.070 に答える
0

インポートしようとしている CSS をダウンロードできるかどうかを確認します。

以下のCSSが取得できませんでした

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