CMS/HTML/CSS

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

「ブロックレベル」と「インラインレベル」って違いが分かってるようで、なんとな〜くだったけどいい定義があった。

htmlタグと呼ばれる要素は2種類に分別さて「ブロックレベル」と「インラインレベル」に分かれます。
見分け方はいたって簡単で、並べると横に並んでいくか縦に並んでいくかの違い。

ブロックレベル要素…並べると縦に並んでいく
(例)<h1>,<p>,<div>,<table>,<ul>

インラインレベル要素…並べると横に並んでいく
(例)<a>,<span>,<img>,<font>,<strong>

たいていの場合、<div>要素を使ってレイアウトをすると思いますが、
この<div>はブロックレベル要素ですので本来横に並ぶことはありません。
だから、floatを使用して複数の<div>を横に並べるという作業が必要となるのです。

メモメモ。

onclick属性とonkeypress属性

onclick 属性を使用した際、lintでチェックすると

「onclick 属性を使うときは onkeypress 属性も指定しましょう。」
って、エラーが出る。

onclickはマウスのボタンがクリックされたときに発生するイベントハンドラで、onkeypressはキーがしばらく押されたときに発生するイベントハンドラ。

このエラーが出ないようにキーがしばらく押されても何もしないとして

onkeypress=”return true”

を入れてあげる。

メモメモ。

フロートのマージン@css

フロート方向と同じ側にマージンを適用すると、マージンが2倍になる。
このバグは、フロートの行の先頭のフロートだけに影響するんだって。

例:
float: right;
margin-right: 10px;

対象 : IE6
可能性 : 可能性がかなり高い

メモメモ。