ホームページ > 記事 > ウェブフロントエンド > HTML外部参照CSSファイルが有効にならない問題を解決_html/css_WEB-ITnose
フロントエンドの初心者として、私は数日間フロントエンドをいじってきました。 。今日、私は自分が信じていたものに問題があることに突然気づきました。 。たとえば、css ディレクトリ style.css に css スタイル ドキュメントを作成しました。現時点では、文は 1 つだけです:
body { background-color: #ddd;}
<link rel="stylesheet" type="text/css" href="css/style.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"。 。 。それは本当に簡単です。 。 。