css reset

Ha valaki dolgozott már css-el, akkor tudja, hogy néha gondot okozhatnak a default beállítások. Az oldalaknak van előre megadott margója, felsorolások eleve beljebb kezdődnek stb.

Valószínűleg hasonló gondolatok indították Eriket arra, hogy megcsinálta a css nullázó kódját. Íme:

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, img, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

Amióta ezt megtaláltam, elmentettem reset.css néven, s a css fájljaim első sora általában a következő:
@import url('reset.css');

Iratkozz fel, hogy elsőnek értesülj új bejegyzésekről:

5 responses to “css reset”

  1. meNtha Avatar

    Hasznosnak nézem, köszönöm.

  2. charlie Avatar

    Hmm, jo dolog ez 🙂
    azt had kérdezzem meg, hogy mivel csinalod meg ilyenre a kodokat?

  3. kobak Avatar

    [quote comment=”40287″]Hmm, jo dolog ez 🙂
    azt had kérdezzem meg, hogy mivel csinalod meg ilyenre a kodokat?[/quote]

    http://erik.range-it.de/wordpress/plugins/syntaxhighlighter/

  4. kobak Avatar

    Károly György Tamás: köszönöm.

To respond on your own website, enter the URL of your response which should contain a link to this post’s permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post’s URL again. (Find out more about Webmentions.)