CSS関連のまとめ

ページをつくるときに厄介なことがあったので自分用まとめ．

Firefoxで表示がずれる

ネストで、子要素にmargin-topを指定していると，それが親要素に適用されてしまうっぽい．

仕方ないが，padding-topに置き換えれば良い．

input要素の枠線が邪魔

Chromeは標準で表示される様子。

outline:none;

を付け足せば消える

divの中でspanの縦のセンタリングをしたい

センタリングさせたい子要素に対して以下を付与する
vertical-align:middle;
display: table-cell;

display: inline-blockを指定したが，失敗した．

[追記]OperaでMeiryoを指定したい

font-family: "メイリオ", Meiryo, sans-serif;

のように、全角文字で指定する必要がある。