CSSとは？

CSSは、Webページの見た目を整えるためのものです。
色・文字の大きさ・余白などを変更できます。

HTMLで作った文章に、CSSを当てて見た目を変えます。

例

CSSでは、「何をどう変えるか」を書きます。
例えば、文字を赤くする場合は「color」を使います。

💡 ポイント

HTML → 内容
CSS → 見た目
⚠️ 注意：CSSは「タグ」ではありません
HTMLとは違い、CSSは見た目を変えるための「命令」のようなものです。
この命令のことをプロパティ（指定）と呼びます。

CSSには多くのプロパティ（指定）がありますが、
よく使うものは一部だけです。

まずは基本的なものから覚えていきましょう。

よく使うCSS

名前 意味 例
color 文字の色 color: red;
font-size 文字の大きさ font-size: 20px;
background 背景の色 background: blue;
margin 外側の余白 margin: 10px;
padding 内側の余白 padding: 10px;
border 枠線 border: 1px solid #ccc;