HTML個人講座12日目

こんにちはcairnです。

HTML個人講座12日目です。

本日からはCSS（スタイルシート）を勉強していきます。

CSS（スタイルシート）とはデザインを指定するプログラムです。

文字の色や背景色、文字の大きさなど視覚的な部分です。

HTMLだけでは黒文字が表記されるだけになりますが、CSS（スタイルシート）を合わせることで文字の色や背景色、文字の大きさなど視覚的な部分を変化させることができます。

まずは今まで作成していたHTMLのテキストにスタイルシートの宣言をします。

その為に下記のタグを作成します。

※『css.css』は後程作成するCSS用テキストのことです。

このタグをHTMLテキストの

<title></title>の位置行下の組み込みます。

その後にCSS用に別のテキストを作成します。
※テキスト名は『css.css』です。

ここまで完了したら後は全てcssのテキストに入力していきます。

BOXの作成と高さ、幅、背景色の指定

div{
width: 500px;
height: 200px;
background-color: red;
}

分解して説明していきます。

div{　←　divに対して

width: 500px;　←　幅　500ピクセル

height: 200px;　←　高さ　200ピクセル

background-color: red;　←　背景色　赤色

}　←　ここまで

という感じです。

HTMLより、ほんの少しだけ難易度が上がったような気がします。

ではまた明日( ´∀｀ )

cairn diary