CSS reset

A CSS Reset overrides all of the browser’s default settings for html tags and attributes.  This best way to guarantee consistency in appearance across browsers. Internet explorer will still cause issues, but it will make much less of a difference. Paste this into the beginning of your css document (under the character encoding and css declaration):

/* CSS Reset */
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,
b, u, i, center,
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-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}
/* End CSS reset */
Advertisements

About Marguerite Halley

Marguerite has been working in digital content and design for universities and nonprofits through her entire career. As a digital content strategist at Washington University in St. Louis and a usability/content strategy consultant for nonprofits, she’s a champion for the user and an advocate for clear, engaging content on the web.

Posted on 02/14/2011, in Uncategorized. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: