CSSの書き方 - takutechの日記

htmlファイル

==============

<!DOCTYPE html>

<html>

<head>

<title>ホームページのタイトル</title>

</head>

<body>

<h1>ホームページの見出し</h1>

<p>青い文字になるよ</p>

<p>ここも青い文字になるよ</p>

</body>

</html>

==============

・titleタグ直下に「<link rel="stylesheet" type="text/css" href="cssのファイル名">」を入れることで、指定したCSSファイルが読み込まれる

cssファイル

==============

color: blue;

font-size: 20px;

}

==============

「セレクタ{プロパティ名: 値;}」と入力することで

⑴どのセレクタ（要素）に

⑵どういうプロパティ（設定）を

⑶どういう値（形）で

⇨適用するかを指定できる

↑上記で例えると

⑴セレクタ：p要素に対して

⑵プロパティ：文字色を・文字サイズを

⑶値：青色に・20pxに

⇨指定して適用

※補足

改行は無視されるので自己流（見やすい形）でOK

==============

p{color: blue; font-size: 20px;}

↓

color: blue;

font-size: 20px;

}

==============