CSSの仕組み 初歩の初歩

1.CSSとリンク張ります

Htmlをちょっとかじっただけですが、CSSというものにも挑戦していかないと、PHPを理解するのに避けて通れない道なので、早速挑戦してみました。

<head>領域に、CSSとリンク張りますよというコードを書きます。

Link rel と href の違いは何?といきなりつまずきましたが、

Link rel は、CSSとリンク張りますよという宣言みたいなものと解釈

hrefは、じゃ、どのファイルとリンク張るのよ。このファイルですと宣言しているものと解釈。

CSS仕組み

2.htmlはざっくりですが、こんな感じ

<div id>タグで、CSS要素のbody1を囲います。

CSS仕組み

3.CSSはこんな感じ。

ファイルは、箱のサイズ、背景色、フォントなどの要素を決めています。

そうすると、html側に、この内容が反映されます。

CSS仕組み

4.見た目は雑ですが・・・

CSS仕組み