スポンサーリンク

Sublime Textでcssファイルが反映されない!?

プログラミング HTML+CSS

見出しの通り、おかしな状況に直面してしまいましたよ・・・トホホ

これを設定しないと、ドットインストールでホームページも作れないので、気合を入れて改善策を探してみたいと思います。

Sublime Textでcssファイルを反映させる方法

それでは、cssファイルの反映方法を詳しく見ていきましょう!

まずは、状況説明。

htmlの状況

画像が見づらくて申し訳ないです。全体像だけ確認していただければ助かります。

htmlファイルの緑枠の中には、

<limk rel=”stylesheet” type=”text/css” href=”css/styles.css”>

と書かれています。誤字脱字は、ないようですし・・・。

言い忘れてましたが、「MyDotinstallPane」というフォルダに、

htmlファイルである「index.html」と「css」フォルダがあります。

そして、「css」フォルダの中に「styles.css」ファイルがあるという状況です。

では、cssとchromeに表示させた画像を。

cssには、

@charset “UTF-8″;

h1{
background-color: blue;
}

と書いたところで気付きました!

勘のいい読者の方なら気付いたかもしれませんが、先ほどの緑枠。

<limk rel=”stylesheet” type=”text/css” href=”css/styles.css”>

li「n」kがli「m」kになってました(笑)

というわけで、誤字を直すと・・・

cssが反映された画像

見事?反映されました!

まとめ

というわけで、ただの誤字というオチになってしまいました。

もし、皆さんがどの記事を見ても全く変わらないというときは、もう一度だけ誤字脱字を確認するようにしてみてください!

意外とこういう記事が役に立つときが来るかも・・・?

タイトルとURLをコピーしました