科学の箱

科学・IT・登山の話題

IT

ブロックレベルとインライン

投稿日:2013年9月18日 更新日:

cssを勉強しているとdisplay : blockが出てきて、わざわざブロックレベルで指定すると説明されていることがある。そもそもブロックレベルが何かわからないので、display : blockがどんな効果を発揮しているかがわかりにくい。

ブロックレベルに対比されるのはインライン。要素を並べるときに使われていて、ブロックだと必ず改行が入り、インラインだと改行されない。要素を縦に並べるか横に並べるかしてレイアウト組をしたり色を付けたりするのに使われる。

ポイントがあり、インライン要素の中にはブロックレベルは記述しないこと。当然インラインにしたいのにブロックがあったらそこでインライン効果がなくなりおかしなレイアウトになる。

他にもいくつか使用するときに注意する点があるらしいがその辺は以下のホームページが詳しい。

  • http://webdesignrecipes.com/css-blocklevel-elements/
  • http://mozilla.gr.jp/standards/webtips0015.html

メタ情報

inarticle



メタ情報

inarticle



-IT
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

HTML メモ

idとclassの違い id: ページに一回だけ現れる。ユニークな部品を識別するために使う。 class: ページに何回でも現れる。エレメントがどのクラスにいるか指定する。 divとspanの違い d …

no image

NortelフォンをDHCPで使う

スイッチ側での設定で注意すること DHCPサーバー relayがvlanで設定されていること 正しいdhcpサーバーが設定されていること スイッチ側での設定 ip dhcp-relay fwd-pat …

no image

Networkerで新しいテープが使われない時の対応

Autoloaderのスロットに容量が空いているテープがまだあるにもかかわらず、Networkerで認識されず、テープの待ち状態になった。新しいテープを入れたところ正しく認識されたが、結局古いテープは …

no image

gitの使い方

git init git add \*.java git status -s or git status git commit -m “initial commit” git …

no image

Nortel ERSでスタックが落ちた時のエラーメッセージ

I    4    2013-08-30 14:37:35 GMT+09:00 51       IGMP: Unknown Multicast Filter disabled I    4    2 …

2013年9月
月 火 水 木 金 土 日
« 8月   10月 »
 1
2345678
9101112131415
16171819202122
23242526272829
30  

side bar top



アーカイブ

カテゴリー