科学の箱

科学・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

デフォルトのスタイルシート

cssの勉強をしているときに最初理解できなかったのは繰り返し同じスタイルをしている記述があったこと。cssでは親のスタイルは子供に引き継がれる。例えば <body>でcolor : gre …

no image

chefでyum updateを実行するための手順

まずクックブックを作成する knife cookbook create yumupdate -o site-cookbooks ./recipe/default.rbを編集する execute “yu …

no image

Vimチートシートでよさそうなの

http://www.viemu.com/a_vi_vim_graphical_cheat_sheet_tutorial.html 英語版だし、はじめてのチートシートとしては少々分かりずらい。ただキー …

no image

Windowsログオン認証についてのメモ

エンドユーザーからWindowsログオン認証について質問を受けた。具体的な質問は自社のWindows Active Directory環境で有効になっている認証の種類を知りたいということだ。Windo …

no image

vimの設定

“行番号を表示する set number “IME切り替えを記憶する inoremap <silent> <Esc> <Esc> inore …

2013年9月
« 8月   10月 »
 1
2345678
9101112131415
16171819202122
23242526272829
30  

side bar top



アーカイブ

カテゴリー