iT:⌘ + study; -７- {cssについて]

2022年8月28日 12:29

未経験ながら、少しずつ勉強をしようというプロジェクトを立てました。
私は、全くの未経験・無知ですが・・・。もし、この投稿で誰かしらのお役に立てれば幸いだと思います。（まず、その前にみなさんに教えていただくことが多いかと思いますが。）もし、オススメのサイト、アドバイスなどどんなことでも、気軽にコメントをいただけると幸いです。さまざまなことを、勉強したいと思っています。

♡☆♧　HTML　♢☆♤

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="box.css" />
    <title>BOX</title>
  </head>
  <body>
    <div class="box1">
      <div class="box2"></div>
    </div>
  </body>
</html>

ひとまず、htmlは、

文書型宣言（DOCTYPE宣言）とかhead要素の上にくるもの
head要素（UFT-何ちゃらというオバケ👻を防ぐ呪文）
body要素

このくらいの要素でできていると学びました。
そして、htmlというのは、タグが大好きなのもわかりました。今日も、スクリプトという台本を読み進めていきましょう。

<link>　※ゼルダ要素(嘘です)

<link rel="stylesheet" href="ファイル名.css" />

よく、リンクという言葉を聞いたことがあります。これは、CSSというカスタードみたいな美味しそうな言語と連携するのに必要らしいです。
rel = というのは、relation（関係）ということなので、何と関連づけるのか、ということなのだと認識しました。リンクによって、さまざまな世界（サイト）へ飛び込むことができる。まさにゼルダ要素とも言える代物です。なんかかっこいいので、そうやって覚えます。

<link>　※ゼルダ要素(嘘です)

<link rel="stylesheet" href="ファイル名.css" />

♪▲♢　CSS　♪▲♢

・CSSの歴史

htmlの歴史については過去にお話しました。でも、実はこのCSSもCERNで生まれているのですね。オペラ・ソフトウェアの最高技術責任者であるホーコン・ウィウム・リーさんによって開発されました。

・CSSは何ができるのか

CSSの登場によってHTMLで作成されたWebページ上での表現をより高度に装飾ができるようになりました。
htmlが家を建てる骨組みだとしたら、CSSは、その外壁や屋根などになるのではないでしょうか。家の中に明かりをつけることもできます。
ただ、その明かりを点滅させたり、オートロックの家にするのはちょっとまだ先のようです。でも、CSSは、「おしゃれ」テクニックの一つだと考えられそうです。
つまり、
「HTMLで書いた内容をCSSで装飾する」ことだと理解しました。

・書き方

セレクタ {
  プロパティ: 値;
}

まず、拡張子.htmlというものを前に作りましたが、今回は拡張子は.cssになります。つまり、お尻の部分をこれに変えることで、.css用の脚本が出来上がり、そこにcssの言葉を記載していくようになります。
つまり！！！
htmlで作るスクリプトと、cssで作るスクリプトは別！！
ということになります。少なくとも、２つは必要なのです！
さて、↑のコードに書かれている言葉はなんでしょうか。