Cookie

CSS: Reset CSS

Published by TheJoe on

Estimated reading time: < 1 minute

Caution


This article was published more than a year ago, there may have been developments.
Please take this into account.

 The technique of 'zero CSS styles was introduced for the first time by Eric Meyer the purpose of having a workspace ideally white where from zero to define all the styles you need without having to take into account the default formatting of a given style.

Because the reset.css functions need to be included before the main CSS. Let's see how:

<link rel="stylesheet" type="text/css" href="reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

And here's what we need to add in the "reset.css”:

/* v1.0| 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
the, dfn, in, are, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, st, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body{
    line-height: 1;
}
ol, st{
    list-style: none;
}
blockquote, q{
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins{
    text-decoration: none;
}
the{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
    border-collapse: collapse;
    border-spacing: 0;
}
Look here:  Tutorial: the paradox photo (the "Droste effect") with Gimp and MathMap
Categories: Graphics

TheJoe

I keep this blog as a hobby by 2009. I am passionate about graphic, technology, software Open Source. Among my articles will be easy to find music, and some personal thoughts, but I prefer the direct line of the blog mainly to technology. For more information contact me.

0 Comments

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.