ヘッダーに余白を入れるとき
ヘッダーに余白を入れたいときはpaddingを用います。
.logo{
padding:20px;
}
とすると上下左右すべての方向にその２０ピクセルの大きさの余白が追加されます。上下左右ではなくある方向のみに余白を指定したいときは
.logo{
padding-top:値;
}
とするとその方向のみに余白が追加されます。
上に余白を追加したいときは「padding-top」
下に余白を追加したいときは「padding-bottom」
左に余白を追加したいときは「padding-left」
右に余白を追加したいときは「padding-right」
と打ち込めば自分が指定したところだけに余白が追加されます。
これも自分が余白を入れたいと思った部分を英語にしてpaddingに付け加えたらできるのですぐに理解できますね。
