1. CSSの書き方
セレクタで対象を指定し、プロパティと値で見た目を決めます。
h1 {
color: #17546a;
font-size: 32px;
}表示例
水戸の街並み
2. 外部CSSファイル
<link rel="stylesheet" href="style.css">表示例
HTMLの head 内に書くと、別ファイルのCSSを読み込めます。
3. ボックスモデル
要素は内容・padding（内側の余白）・border（枠線）・margin（外側の余白）で構成されます。
.card {
padding: 14px;
border: 3px solid #46848b;
margin: 8px;
}表示例
写真の説明カード