Figure out the best way of resetting CSS

[masakudamatsu]

We use recess.css for the time being.

Instead of using the so-called hard reset (i.e. using the universal selector *) or using the ever-popular Meyer's Reset CSS, we initially plan to adopt the normalize.css to make the default CSS styling consistent across browsers for the following reasons:

• Using the universal selector may slow down the browser (that was the argument as of 2010, though. Some say this concern is practically insignificant (see the comment by Chris Coiyer in this article).
• Meyer's Reset CSS is not clear what it does while it omits resetting elements like <input>.
• Normalize.css makes it clear what it does, which allows us to customize.
• The HTML framework service HTML5 Boilerplate adopts Normalize.css.

However, the normalize.css annoys me with its preset padding values. The border-box needs to be adopted in CSS as well. These two issues are solved by recess.css.

[masakudamatsu]

The normalize.css seems to keep the default padding values for many HTML elements. We need to see if this is annoying. In that case, we have to edit the normalize.css.

[masakudamatsu]

It is annoying, at least for now. For the time being, we go with the universal selector to set margins and paddings to be zero for all elements. As mentioned in this CSS Trick article, it destroys some useful default styling for submit buttons, for example. But we will see how to handle such situations.