科学の箱

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

httpでダウンロードするときに途中で終わってしまう件

httpで100MBをダウンロードしているのだが、1MBで勝手に終了してしまう。 とりあえずパケットキャプチャをしてみるとFIN ACKがサーバーから来ているのを確認した。 なんでこれが送られてくるの …

no image

Gingerインストール後にF2でファイル名変更ができなくなった時の対応

Gingerをインストールした後にふと気づくと、F2でファイル名の変更ができなくなっていた。F2はファイル名だけでなくエクセルでの編集モードでも効かない。この時点ではGingerとの関連はつけられなく …

no image

p12ファイルの中身を確認する方法

p12はキーストアの一つの形式です。キーストアとは暗号化された鍵と証明書を一つのファイルの保管する仕組みなります。今回はp12ファイルの内容を見ることで鍵と証明書について理解を深めます。 必要なもの …

no image

ubuntuの初期インストールしておくアプリケーション

Ubuntu公式サイトでは各アプリケーションサーバーごとにインストールするアプリケーションを細かく記載している。 https://help.ubuntu.com/12.04/serverguide/i …

no image

chefでnot_ifを利用するときのコマンドの戻り値を確認する

Chefでrbenv環境を構築する際に.bash_profileを書き換える。この時にすでに命令が入っていれば書き換えをしたくない。 この動作はnot_if句を導入することで可能だけど、コマンドの戻り …

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

side bar top



アーカイブ

カテゴリー