HTML

CSS

レイアウト

教材について

その他

スタイルが全く適用されない

以下のように、指定したスタイルが一つも適用されない場合、styleファイルがちゃんと読み込めていないかもしれません。

見本ページを新しいタブで開く

htmlの<head></head>内に以下のコードが入っているか、cssファイルまでのパスに間違いが無いかもう一度確認してみましょう。

index.html
  <link rel="stylesheet" type="text/css" href="style.css">

CSSのある行までのスタイルが適用され、それ以降が適用されない

ある行までに書いたスタイルは適用されるのに、それ以降の行にはなんのスタイルを書いても全く適用されない、という場合、該当の行直前のスタイル記述に不備があります。

例えば、以下のようなコードを書いた場合、h1～h3までのスタイルは適用されますが、h4以降のスタイルは一つも適用されません。

style.css
h1{
    font-size:32px;
}
h2{
    font-size:24px;
}
h3{
    font-size:18px;

h4{
    font-size:16px;
}
h5{
    font-size:14px;
}
h6{
    font-size:12px;
}

では、上のコードのどこに間違いがあるのでしょう？

原因はh3の閉じ括弧の書き忘れにあります。このように、パッと見では気づかないようなミスも多くありますので、怪しい箇所はしっかりチェックしましょう。

PAGE TOP