CSS / HTML

本文

1余白分、本文の書き出しの字下げ(20140817)
p {
text-indent: 1em;

ワードプレスでは、本文を何のタグをつけずに入力しても、<P>タグを勝手に挿入してくれるので、とても便利。段落変えは、エンター2回でOK。

見出し

<h3>の見出しの上下に余白を設定した(20140724)。
margin:2em 0 1em 0; (上の余白、左の余白、下の余白、右の余白)

サイドバー

<h4>のフォント指定を解除。下余白を60pxから20pxへ変更(20140823)

#sidebar h4{
margin-bottom: 10px;
}
.widget{
margin-bottom: 20px;
}

blockquote以外の囲み枠は以下のコードで作っています。

こんな枠
<div style=\"padding:10px;border-radius:10px;background:#F8F8FF;\">こんな枠</div>
DarkSeaGreen

余白

marginプロパティは、上下左右のマージンをまとめて指定する際に使用します。 上下左右を異なるマージン幅にしたい場合には、スペースで区切って複数の値を指定します。

値を1つ指定した場合: 指定した値が[上下左右]のマージンになります。
値を2つ指定した場合: 記述した順に[上下][左右]のマージンになります。
値を3つ指定した場合: 記述した順に[上][左右][下]のマージンになります。
値を4つ指定した場合: 記述した順に[上][右][下][左]のマージンになります。

マージンはパディングとセットで覚えるのが良いと思います。

margin-スタイルシートリファレンス margin-スタイルシートリファレンス

margin [mɑ’ːrdʒin]: 1 へり,縁,端;岸, 2 (ページの)余白,欄外, 3 (時間・金銭などの)余裕,ゆとり;(誤りなどの)許容範囲.
padding [pǽdiŋ]: 1 詰め物(の材料), 2 (演説・文章などの)不必要な挿入語句,埋めくさ, 3(帳簿の)水増し(経費).