Skip to main content

Ivan Teoh

Something personal yet public

WordPress Theme Development 11 - Reset Stylesheet

This style sheet mainly reset all the default setting in web browser. It will make the site looked the same in any modern web browser. It is based upon Yahoo UI library.

73-style.css (Source)

/* *** Reset *** */

/* Based upon YUI Reset CSS in the Yahoo! User Interface Library:
http://developer.yahoo.com/yui/reset/ */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul, li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

/* The below restores some sensible defaults */
strong {
    font-weight: bold ;
}

em {
    font-style: italic;
}

References

Comments

Comments powered by Disqus