Index
BIBI.MOE
Status
作成途中

CSSの書き方

最小限の CSS を説明します

1

最初に適当な HTML ファイルを用意します

この HTML のソースをそのままコピーしても大丈夫です

そして [head] と [body] との間に [link] を記述します

<html><head>
<title>Hello</title>
<link rel="stylesheet" type="text/css" href="./style.css">
</head><body>

(以下略)

2

次に CSS ファイルを作成します

今回は HTML と同じフォルダーに [style.css] の名で作成します

中身は一旦、次の様にします

[style.css] の内容
* { font-size: 100%; margin: 0; padding: 0; }
body { background: black; color: white; }
a { color: cyan; }
a:visited { color: magenta; }
a:active { color: red; }

意味は次の通りです

HTML をブラウザーで表示したら意味がわかるはずです

3

ここで CSS の文法を簡単に説明します

CSS の断片
body /* <- Selector */
{
/* Property: Value */
background: black;
color: white;
}

この CSS は [body] 要素の見た目を指定します

異なる要素を同じ見た目にするにはセレクターを複数指定します

見出しをすべて赤くする例
h1, h2, h3, h4, h5, h6 { color: red; }

4

5

6

  1. リセット
  2. 一括指定
  3. 個別指定

7