CSSが外部ファイルとしてあり、CSSファイルがHTMLファイルと別の場所にある場合、
その場所を示してあげないと、CSSが反映されない。
<link rel=”stylesheet” href=”stylesheet.css”>
(href属性の中で指定してあげる)

書き方:ディレクトリ名とファイル名をスラッシュで区切ってあげる

【例1】
CSSというディレクトリの中にCSSファイルがある。(HTMLはTOPにいる)
CSS/style.css

【例2】
HTMLがディレクトリ内にある場合(CSSファイルがトップにある)
../style.css

【例3】
HTML、CSSどちらもディレクトリ内にある場合
../CSS/style.css

これは意外と説明が難しい。HTMLからみて、CSSがどこにいるかを考えると書き方がわかりますね。

c.sakyou

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA