HTML and CSS Reference
In-Depth Information
2. Create a new file and name it reset.css.
3. Paste the CSS Reset into reset.css.
4. Save reset.css into your css folder (which should already contain styles.css).
5. In styles.css, add the following:
@import url(“reset.css”);
6. Save styles.css.
You've now added an additional stylesheet and imported it into the main stylesheet. Remember, using multiple
stylesheets when you create your web page makes for a more efficient workflow, but before you make a website live,
it's good practice to add all stylesheets into one. If you'd like to do that now, simply paste Eric Meyer's CSS Reset
into the top of styles.css instead of a new file.
Eric Meyer's CSS Reset as of July 2012:
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
Search WWH ::




Custom Search