Na veel klooien met het css-bestand van een css-generator website heb ik besloten om maar eigen lay-out in CSS te maken. Uiteraard gaat dit tijd kosten, maar het is niet anders helaas.
En voordat ik hiermee aan de slag heb ik de volgende vragen over:
1. Is het handig of juist niet praktisch om een reset.css zoals hieronder weergeven op te nemen in het hoofdcss.css bestand?
2. Indien het handig is hoe moet ik mee omgaan en wat is de functie precies?
3. Zoals hieronder weergegeven, heeft de H1 0 margin en padding.
4. En mocht het nodig zijn dat ik een H1 wel moet voorzien van een margin en padding, betekent het dat ik de H1 moet verwijderen uit reset.css om de marging en padding toe te kunnen voegen of moet ik eerst een ID of een class toe te kennen aan de H1, voordat ik het kan gebruiken?
Alvast bedankt voor het meedenken!
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://www.cssportal.com
*/
html, body, 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;
}
