ホームページ  >  記事  >  ウェブフロントエンド  >  外部CSSが機能しない理由

外部CSSが機能しない理由

藏色散人
藏色散人オリジナル
2020-12-31 09:08:493797ブラウズ

外部 CSS が機能しない理由: 1. 関連するパスが間違っている; 2. 保存されたスタイル シートのエンコーディングが間違っている; 3. ブラウザのネットワーク速度またはスペース速度が遅いため、CSS の読み込みに失敗します。 4. ブラウザの互換性 性的な問題により CSS が機能しません。

外部CSSが機能しない理由

#このチュートリアルの動作環境: Dell G3 コンピューター、Windows 7 システム、css3 バージョン。

外部 CSS が機能しない場合

原因:

1. 関連付けられたパスのエラー

Web ページを開いたときに、CSS で設定されたスタイルは表示されず、表示されるだけです。元の状態で表示されます。その場合、CSS ファイルのパスが間違っている可能性があります。

<link rel="stylesheet" href="css/index.css"/>

解決策: 正しい CSS パスを引用し、関連付けられたスタイルの位置と名前が正しいかどうかを確認してください

2. 保存されたスタイル シートのエンコーディングが間違っています

必要がありますCSS ファイルの文字セットが、CSS ファイルを呼び出す Web ページの文字セットと一致しているかどうかは、charset 属性です。

解決策: ブラウザを使用してエフェクトを参照すると、IE ブラウザのメニュー バーに「表示 -- エンコーディング」があります。エンコーディングが UTF-8 または GBK であるかどうかを確認してください。コードです。エンコーディングの不一致が原因である可能性があります。同じエンコーディングに変更してください。

3. 正常にロードできない

  • ネットワークの理由

IIS スペースが不十分、ブラウザーのネットワーク速度が遅い、スペース速度が遅いネットワーク要因は、CSS の読み込みが失敗する原因の 1 つです。

解決策: ネットワークを変更し、キャッシュを更新してください

  • ブラウザの互換性の問題

独自の CSS コード記述が原因で、正しく設定されていないため、ブラウザごとにレイアウトの違いが生じます。 CSS では、これを css ハックと呼びます。

css ハックとは、さまざまなバージョンやブランドのブラウザ間で CSS を解釈した後、Web コンテンツ内の互換性バグ エラー (よく言われる位置ずれなど) を処理することを指します。

推奨: 「css ビデオ チュートリアル

以上が外部CSSが機能しない理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。