WordPress Theme Development 11 - Reset Stylesheet

Ivan Teoh

June 18, 2009, 3:24:29 PM +1000

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.

/* *** 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