GR

スマホアプリゲームとかの個人的な攻略メモや経過記録。

リセットCSS

 

Webブラウザによって固有のデザインがあり、

レイアウトの微妙なずれが発生することがあるので

それを回避する為にブラウザデフォルトのデザインをリセットするもの

別ファイル(reset.css)で定義してヘッダーに以下を記述
 
<link href="css/reset.css" rel="stylesheet" type="text/css" />

全てをリセットする サブミットボタンなどフォーム関連の好ましい表示までリセットされてしまう点にデメリットがある。

* {
    margin: 0;
    padding: 0;
}

必要な物だけリセットするスタイルがいい様子

YUI 2: Base CSS からサイトに合わせてカスタムするのがよさそう http://developer.yahoo.com/yui/base/#code

 

◆参考リンク

ブラウザのデフォルトスタイルをリセットする (1/3):CodeZine

YUI 2: Reset CSS