行間line-heightとpやdiv,ulスペース(領域)指定;FC2ブログ・プチカスタマイズ   

行間line-heightとpやdiv,ulスペース(領域)指定|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| 行間line-heightとpやdiv,ulスペース(領域)指定 に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > 行間line-heightとpやdiv,ulスペース(領域)指定・基本のHTMLとスタイルシート > スタイルシートを学ぼう > 行間line-heightとpやdiv,ulスペース(領域)指定


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 p、brの違いとスタイルシートの指定についてメモしておこうと思う。

 PとBRの行間、段落間のスペースの指定でいまさらながらやっとぴんときたのでいまさらながらメモって置こうと思うのだ。

pは段落、brは改行

 pは段落を意味する。

 brは改行のタグ。

行間をスタイルシートで指定するには?

 行間をスタイルシートで指定するには、 line-height: で指定する。

例)

p { line-height: 5; }

あるいは

<p style="line-height: 5;  ">あああ<br>
いいい<br>
ううう</p>

ブラウザで見ると↓のようになる。

あああ
いいい
ううう

 要はline-height:段落のスペースは指定できない。

 リストなどの行間<li></li>で囲まれた部分にも適応される。

 じゃあ、pとかdivなどのスペースを指定するにはどうするんだろう?

pやdiv,ulで囲まれた部分のスペース指定はmargin(マージン)とpadding(パディング)

 pやdivで囲まれた部分のスペース指定はひとつの塊(ブロック)として考える。

 ということで、margin(マージン)とかpadding(パディング)で指定する。

 ってことみたいだ。

 ちなみに、margin(マージン)はブロックの外側のスペース(領域)を指定する。

 padding(パディング)はブロックの内側のスペース(領域)を指定する。

 すげー大雑把な考え方でごめんなさい。

 だって細かいことを考えても専門家じゃないもんで・・・。

 でもHTMLやスタイルシートの初心者は大雑把な理解の仕方で十分だと思うんだな。



サイト内の同タグへのリンク: HTML  スタイルシート   
他のサイトへのタグリンク : HTML スタイルシート

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/169-9e5814ce
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。