0

Webページを作成していて、上部のスタイルタグを使い始めました。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Front Page</title>
    <link rel="stylesheet" type="text/css" href="CSS/Styles.css" /> 

    <style type="text/css">
    </style>
</head>
<body>
</body>
</html>

すべてのグラフィックデザインをStyles.cssに入れたいのですが、何らかの理由で機能しません。次のようなものを追加すると：

div.box {
        margin:0 auto;
        width:500px;
        background:#222;
        position:relative;
        left: 50px;
        top: -200px;
        height: 100%;
        border:1px solid #262626;
        padding: 0 5px 5px 0;
    }

この要素を設計するには：

<div class="box"></div>

ドキュメントの上のタグに配置すると機能しますが、CSSファイルに配置すると機能しません。以前は問題ありませんでしたが、今はすべてをスタイルタグに追加していて、非常に長くなっています（150行！）。すべてをcssファイルに移動して、メインページのスクロールが少なくなるようにします。しかし、CSSファイルに入れてもグラフィックの変更が適用されない理由がわかりません。何か案は？

4

2 に答える 2

1

CSSファイルのパスに問題がない場合は、次のようなことが発生している可能性があります。

  • 単にキャッシュをクリアする必要がある可能性があります。CTRL+F5通常はトリックを行います。あなたのサイトに来る新しいユーザーはそれをする必要はありません。
  • タイプミスがあったか、上記のステートメントをで閉じるのを忘れた可能性があります。それを;確認してください。
  • これは特異性の問題である可能性があります。つまり、別のルール、より具体的にはルールをオーバーライドすることです。ここでそれについて読んでください。
于 2012-09-28T19:25:45.690 に答える
0

大文字と小文字を区別するファイルシステム（Linux）を使用していますか？あなたの道はCSS/Styles.css正確に正しい必要があります。また、ページとに関連しています<basepath/>。パスの問題を除外するには、絶対URLを使用してみてください。

パスの問題がない場合は、CSSファイルのどこかで誤ってタイプミスをしたために、ルールが失われている可能性があります。

CSSファイルに問題がない場合は、ブラウザに古いバージョンがキャッシュされている可能性があります。キャッシュをクリアしてみましたか？

于 2012-09-28T19:16:28.433 に答える