Skip to content

Instantly share code, notes, and snippets.

@ronaldgreeff
Created March 26, 2021 16:03
Show Gist options
  • Save ronaldgreeff/4d98667636d6e3686427c6b3f940a009 to your computer and use it in GitHub Desktop.
Save ronaldgreeff/4d98667636d6e3686427c6b3f940a009 to your computer and use it in GitHub Desktop.
Good base for html template - removes margin and padding from tags; sets defaults for font size and display, line-heights and some more
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.4;
}
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;
}
/* apply a natural box layout model to all elements, but allowing components to change */
/* https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
outline: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment