Kathryn,
Yes, I understand the reset. However, if you look at the code above, the styles for html includes a snippet of the reset that isn’t supposed to be there. On line 45, you’ll see that
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
has been inserted into the styles for html between lines 45 and 49: these lines should be inserted into the reset block above it, between lines 30 and 32. (V. 1.0 is correct, 1.0.1 has the error).
So, this is incorrect:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
table, caption, tbody, tfoot, thead, tr, th, td {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
}
html {
font-size: 62.5%; /* 10px */
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
And this is how it is in v. 1.0:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
}
html {
font-size: 62.5%; /* 10px */
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
