p要素

p要素 段落 ブロック要素

P要素は文に段落を分けるときに使います。長い文章だと読む側も疲れてしまうので適度に一行分のスペースをあけて読みやすくします。

<p>文字</p>

cssでデザインを指定する場合

html ※クラス名は好きなように変更してください

<p class="a">文字</p>

css

文字の大きさの指定

文字が大きすぎる場合や小さすぎる場合cssで文字の大きさを調整をします。

p.a { font-size: 12px; }

文字の太さの指定

値には「bold」太字「normal」通常「bolder」やや太く「ligher」やや細く

p.a { font-weight: normal; }

文字の配置指定

値には「left」左揃え「center」中央揃え「right」右揃え

p.a { text-align: center; }

要素の外側の余白

一行分のスペースを短くしたり長くしたりします。値が2つだと1つ目が上下、2つ目が左右を指定します。
値には長さの単位が必要ですが0だけはそのままでも可能です。（0は外側の余白なし）

p.a { margin: 0.5em 1em; }

共通属性

指定できる共通属性

id属性 class属性 style属性 title属性 lang属性 dir属性

イベント属性

イベント属性