外部スタイルシートが上手く読み込めないことがあります。
去年クイズを作ったときも、最初読み込まれなかった記憶がある(適当にいじってたら出来たのでよく覚えていない)
また、読み込みはされたけど、最初の記述が何故か適用されないこともありました。調べるのに時間がかかって目茶苦茶イライラした記憶がある。
そして今日、フォントサイズのテストをしている時にまーた読み込みが出来ない…ふざけんなよ
外部スタイルシートの読み込みを確認してまとめておく。
目次(クリックでジャンプ)
外部シートを読み込ませる手順
スタイルシートを準備
htmlと同じ階層に「style.css」を作り中にCSSを記述する
冒頭に「@charset”utf-8″;」
CSSの記法
html側の準備
<head>タグ内(<head></head>の間)に「link rel=”stylesheet” href=”style.css”」を記述
結局
ニ行書かないとダメ？！
記述のミスは見つけられず(でも実際稼働しないんだからどこかにミスがあるんだろうな…と思っていた)
「<link rel=”stylesheet” type=”text/css” href=”style.css”>」これがダメだった記述
その下に、お手本を見ながら「<link rel=”stylesheet” href=”style.css”>」を新しく打ってみたら、なんと読み込まれた！
何で？！
真ん中のtypeがいらないのか？と思って古い方の記述のtypeを削って試してみたが、やはり動かず(ざけんな！)一言一句違わないんだが、何で！？
で、古い方の記述を記述を消して、今動いた新しい記述だけにすると、何とまた読み込まれない。何で？！
じゃあ、ということでコピペで同じ記述をニ行にしてみると…動いたｗ
何なんだよ！何のミスも無かったのかよ！
3時間以上無駄にしたわ…マジでふざけんなよ！…
xampのせい？
xamppの仮想サーバー上で動かしているので、そのせいかもしれないな…昨年の施工時にもミスなしのハズなのに動作がおかしかったし…本当にワケワカラン…
そう思って、htmlファイルをブラウザにドロップして表示させてみたけど、結果は変わらず(2行書かないと読み込まない)