CSS ブラウザ間の表示の差異を解消 デフォルトスタイルリセット

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る
CSSデフォルトリセット
これもすぐに忘れるのでメモ投稿

各ブラウザのデフォルトスタイルをリセットします。
標準装備です。
なにか思いついたら改良していきます。

htmlの62.5%というのは、12px = 1.2emとなるようにemを使いやすく調整するものです。

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,
blockquote,th,td {
margin: 0;
padding: 0;
}

html {
font-size: 62.5%;
overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}

p {
/*font-size: 1em;*/
/* padding: 0 0 1em 0;*/
}

ol,ul,img {
list-style: none;
vertical-align: bottom;
}

fieldset,img {
border: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption,th {
text-align: left;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください