Table Of Contents
A modern CSS reset.
To me, the purpose of a CSS reset is to define baseline styles. A blank canvas. This reset was adpated from Josh W. Comeau's. The main difference stems from this comment:
From my perspective, it's best to strip away all defaults. I consider the CSS Reset as a global. In my experience, the effect of globals should be minimized, or totally avoided where possible. It's harder to understand a file effected by globals compared to 1 that isn't. Because there is no indication within the file that the global is effecting it, you can easily forget it's there. Then you get stuck questioning why your file isn't behaving like it's coded. I don't see a significant advantage to making the CSS Reset an exception to this rule.
Changes from Josh's CSS Reset
padding: 0to all elements.
strongto typography elements & set
iframeto media elements.
line-heightrule. In most circumstances, Capsize would be responsible for typography vertical space.
max-widthfrom media elements.
font: inheritfrom form elements (as I'm not defining a global font to inherit from).
text-decoration: noneto anchor elements.