花の歌奏

みなさま、こんにちはー(*´ω｀*)ﾉ
花です(*´ω｀*)


季節の変わり目っていつまでなのでしょうか？(´・ω・｀)

体調は全く問題ないのに、調子が悪いです(´・ω・｀)

とはいえ、先月からお休みがちょこちょこ続いてるので、いい加減元気になりたいものですヽ(｀○´)/


さて、今回は、前回のお話の説明をしたいと思います(*´ω｀*)

ということで、「ホームページの作り方 〜続CSSファイル作成〜」です！！



では、今日もすぐに本題に入ります！

まず、前回CSSファイルの作成をし、CSSに関してはすべてそちらに書くようにするというお話をしました。

さて、そのうえで、今まで書いていたCSSの部分をコピー＆ペーストでCSSファイルに移しました。

その際、

<style type="text/css">
と
</style>

の部分は消しました。

これは、HTML上に書いていた時は、「この部分はCSSですよー」と教えていたタグになるんです。

なので、CSSファイルには必要なくなったので消したわけです。


また、CSSファイルに移した際、htmlファイルのほうに次の記述をheadタグ内に書きました。

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

これはlinkタグと呼ばれるものです。

つまり、href=""の中に入る場所とファイル名のCSS（スタイルシート）を読み込みますよーということになります。

ちなみに、私がホームページを勉強し始めたころに悩んだ出来事も書いておきますね(*´ω｀*)


例えば、CSSが2つあるとします。

1つはstyle.css。もう一つはreset.cssだとします。（ファイル名は気にしないでください）

2つとも読み込みたい場合どうすればいいでしょうか？

私は当時よくわからずこんな風に書きました。

<link rel="stylesheet" type="text/css" href="style.css","reset.css">

当然読み込んでくれませんでした(笑)

正解としてはこう書きます。

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

簡単なことです。
記述を2つ書けばよかったんです(*´ω｀*)

なので、もし、CSSを2つ以上必要な場合は並べて書いて大丈夫です(*´ω｀*)

さて、どうして2つ以上ある場合があるかというと、ホームページはいくつものページで１つのホームページを形成しています。

なので、このページはこのCSS読み込ませたい、こっちはこのCSS。
でも、共通のCSSも読み込ませたいなんて場合があるわけです。

あとホームページのコードを見ると、linkタグの中身の順番が変わっていたりしますが、それは全く問題ないので例えば、

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

とかでも全く問題ありません。

重要なのは頭にlinkが入っていること(*´ω｀*)


ということで、解説はおわりです。

次回からは実際に使っていく方法を書きたいと思います(*´ω｀*)

それでは今回はこの辺でー(*´ω｀*)ﾉ
~~~ヾ(*'▽'*)o マタネー♪