【超初心者】CSSの変更が反映されない！（キャッシュ、履歴、アップロード、サーバー）

CSSの変更が反映されない原因

• サーバーにアップロードした後、ブラウザのキャッシュ（履歴）をクリアしていない。
• CSSファイルのパスの指定が間違っている。
• CSSの決まり文句を書いていない。

CSSの変更が反映されない場合の対処方法

キャッシュ（履歴）のクリア

1. 変更したCSSファイルをサーバーにアップロードする。
2. ブラウザの「履歴」ー「履歴を消去」を選択します。
3. 変更されたホームページを表示させましょう。

CSSファイルのパス

CSSファイルのパスが合っているか、確認しましょう。

「相対パス」でダメなら、「絶対パス（https:// から始まるもの）」にしてみましょう。

決まり文句

CSSの決まった書き方に漏れがある可能性があります。

「/head」の上に「<link rel="stylesheet" type="text/css" href="（ファイル名）.css">」と言うのを記載します。

豆知識

• 変更中は、相対パスで指定しておくと、サーバーにアップロードしなくても、変更後のホームページを確認できます。その場合には、パソコンの中のホームページのファイルをダブルクリックしてブラウザで開きましょう。
• 変更を確認したら、CSSファイルとhtmlファイルをサーバーにアップロードします。

免責事項・著作権表示