スタイルシートでCSSが動作しない

Question

私は最初にページ上のスタイル属性内に作成された一連のスタイルを持っています。

私はそれをページ自体の上からスタイルシートに移動したいと思います。

ただし、.cssファイルに移動すると、ページが改行され、コードがHTMLドキュメントに戻され、再び正常に動作します。

これは絶対に意味がありません。スタイルをCSSファイルに移動すると、コードを破損すべきではありませんか？

何か不足していますか？私はコードを変更していない、単にコピーと貼り付け。

Answer 1

これは暗闇の中で（この記事の時点で）ソースコードを提供していないためです。

HTML文書のheadにlinkタグを使用して、スタイルシートにリンクしていることを確認してください。

あなたが持っていた場合は、次のスタイルシートにリンクする

<link rel="stylesheet" type="text/css" href="path/to/style.css" /> 

：

<style type="text/css"> 
/* <![CDATA[ */ 
#someid 
{ 
    margin: 0; 
    padding: 3px 12px; 
} 
/* ]]> */ 
</style> 

あなたがして、あなたのCSSファイルに

#someid 
{ 
    margin: 0; 
    padding: 3px 12px; 
} 

を持っている必要があります。

いくつかの一般的な初心者の間違いが含まれます：

• <style type="text/css" src="path/to/style.css">：それは理にかなって<script>タグに似た構文ですが、無効
• <link rel="stylesheet" src="path/to/style.css">ですので：しかしlink要素はHREFを使用
をsrcをありません
• link要素を本文内に配置する：ブラウザではlinkの要素が体内で管理される傾向がありますが、エラーが発生する可能性があり、定義された動作ではありません。
• doctype宣言を指定します。ブラウザが準モードになることを許可します。これはではありません。です。

Answer 2

スタイルシートが正しくインポートされていることを確認してください。それに応じて使用されていない場合 は時々@importがうまく動作しないので、常にあなたのスタイルシートを参照：

<link rel="stylesheet" type="text/css" href="name-of-stylesheet.css" />

は、必ずそれが自己終了タグだとして<link>タグを閉じることを忘れないでください。私は@zzzzBovがそれを言い忘れたと思う。

最後に、問題が解決しない場合は、物理的に（</head>セクションの上）を書き込むことにより、スタイルの一部を上書きするような何か試してください：

<style type="text/css"> 
    body { background: blue; } 
    * { color: red; } 
</style> 

をし、それはあなたに青い背景と赤を与えるかどうかを確認色付きのテキスト。そうすべき。その後、参照方法を実装し、スタイルシートファイルを正しいディレクトリに参照するようにしてください。

幸運を祈る！

Answer 3

私は同じ問題がありましたが、原因はコードで間違いではありませんでしたが、.cssファイルに修正が加えられてから少し遅れて読み込まれたという事実です。サーバーは変更を更新するのに5〜10分必要でした。

Answer 4

この問題もありました。その理由は、CSSファイルが以前に呼び出されたhtmlファイル以外のフォルダにあるため、url（）参照のパスを更新する必要があったためです。

だから、基本的

background-image: url('patterns/debut_dark.png'); 

あなたの.cssファイルに<style type="text/css"></style>を含めないでください

background-image: url('../patterns/debut_dark.png'); 

Answer 5

に変更する必要がありました。