normalize.css equalizes the styling of certain HTML elements that show up in varying ways from one browser to another. For instance,
will force all major browsers to quote in an identical way (American style). Of course, you may set that to match whatever you prefer. (English style,
quotes: "\201C" "\201D" "\2018" "\2019";
"\2018" "\2019" "\201C" "\201D") Don't use a reset stylesheet at all when you use normalize, but do add stylings of your own for your theme enhancements. It's a simple, short bit of CSS, commented and well-documented.
modernizr.js looks at browser capabilities. It "detects features" available in every browser hits that page. modernizr plants that information in the
<html> tag at the top of each page and shows it as classes for you to style in your CSS stylesheet. For instance,
<html class="borderradius boxshadow"> if a browser hitting that page has those 2 capabilities. It is a powerful, read "complex", program. I have over-simplified here; it checks many features. Read a good 2010 article at A List Apart. Use modernizr.js last thing in the
<head> section, placing a link to it just before the closing