HTML外部参照CSSファイルが効果を発揮しない理由の分析と解決

ブラウザを更新します。 。わぁ、花王。反応がありませんでした。うまくいきませんでした。 。問題がないかパスを何度か確認し、Chrome の F12 デバッガーを開きました。ブラウザが CSS ファイルをロードしたことを確認した後、それを開いてみると、次のようになりました。

文字化けしています。 。エンコード形式に問題があるはずですが、どうすればよいかわかりません。 。フロントエンド パートナーに相談した後、Web ページの現在のエンコーディングを確認しました。

表示されるエンコーディングは UTF-16LE です。 。
後で試してみて、Sublime エディターを使用して、ローカル CSS ファイルのエンコード形式を次の UTF-16LE に変更しました。

CSSコードを書き直しました。実行を保存します。 。期待通りに動作します。 。
しかし、HTML は UTF-8 として指定されているのに、CSS は UTF-16 なので、非常に不満です。 。そこで私は再度解決策を求めました。それは解決可能であり、簡単です。 。
CSS を UTF-8 に戻し、内部のコードを編集します。この CSS を HTML にインポートするときに、エンコード形式を宣言するだけです。

つまり、リンク タグに属性 charset="utf-8" を追加するだけです。 。 。とても簡単です。 。 。

HTML 外部参照 CSS ファイルが有効にならない理由と解決策については以上です。お役に立てれば幸いです。