Skip to content

Instantly share code, notes, and snippets.

@nextechu

nextechu/reset.html

Created January 18, 2014 20:17
Show Gist options
  • Save nextechu/8495660 to your computer and use it in GitHub Desktop.
Save nextechu/8495660 to your computer and use it in GitHub Desktop.
Download ZIP
Reset stylesheet reduces browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. This is a starting point, not a self-contained black box. If you want defaults set, look to Bootstrap http://getbootstrap.com/ or something similar.
Raw
reset.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Reset</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style>
/* 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;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
</style>
</head>
<body>
<header>masthead
</header>
<nav><ul><li>Nav1</li><li>Nav2</li><li>About</li></ul>
</nav>
<article id="container">
<aside>
aside
</aside>
<section>
section 1
</section>
<section>
section 2
</section>
</article>
<footer>
footer
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment