自分が使っているreset.css

TIPS 0 Takuya Kobayashi

reset.cssの類はたくさん公開されていますが、どれも独自のコンセプトがあり、自分の型にハマるものではありませんでした。そこで、今まで数百ものサイトを作ってきた自分がカスタマイズを重ねた自前のreset.cssを公開してみます。

*,::before,::after { box-sizing:border-box; }
html { height:100%; font-size:10px; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent; }
body { margin:0; word-wrap:break-word; word-break:break-word; }
table,blockquote,address,pre,iframe,form,figure,dl,dd,ul,ol,p { margin:0;}
header,nav,main,section,article,aside,picture,figure,figcaption,footer { display:block; }
address { display:block; font:inherit; }
a { color:inherit; text-decoration:none; }
a[href]:hover { cursor:pointer; }
h1,h2,h3,h4,h5,h6 { margin:0; font:inherit; }
p + *,* + p { margin-top:1em; }
iframe,img { max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; }
table { font:inherit; empty-cells:show; border-collapse:collapse; }
th,td,dt,input,textarea,button { font:inherit; }
ol,ul { padding:0; } li { list-style:none; }
button,input,optgroup,select,textarea { -webkit-appearance:none; appearance:none; vertical-align:middle; color:inherit; font:inherit; background:transparent; border:none; padding:0; margin:0; outline:0; border-radius:0; text-align:inherit; }
label[for] { cursor:pointer; }
[type="checkbox"] { -webkit-appearance:checkbox; appearance:checkbox; }
[type="radio"] { -webkit-appearance:radio; appearance:radio; }
small { font-size:80%; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-.25em; } sup { top:-.5em; }

現在はこの形で落ち着いています。たぶんこれも人を選ぶreset.cssだと思います。何がしたくて何をやっているか誰かの参考になれば幸いです。

--
以上