|
ResetModule
Notes on the Reset Module.
Reset ModuleLocation/stylesheets/modules/reset.css Source Codehttp://code.google.com/p/sparkl/source/browse/trunk/stylesheets/modules/reset.css SummaryThe Reset module sets the styles of all elements to a common baseline - basically removing any browser default styling. It was adapted from the work of Eric Meyer. HTML Design PatternThis stylesheet applies to all html - be aware that it removes any default browser styles, so prevents use of HTML for presentational purpose - so no more using <em> for italics! DescriptionMany browsers have default styles. Unfortunately, not all of them have the same defaults. For example, some browsers indent unordered and ordered lists with left margins, whereas others use left padding. You could tackle this on a case-by-case basis; for example, making sure to always set both left padding and left margin on lists. But there are all kinds of inconsistencies, that can affect the overall look and feel of a design. You might spend a long time trying to just get around these browser inconsistencies. The best way to get around this is to reset all of these defaults to a common baseline. This stylesheet will strip off the padding and margins and give all elements a consistent font size, weight, style, and family. It will also remove the boldfacing from headings and strong elements and un-italicize em and cite elements. This will hopefully help people to pick the correct semantic element for their HTML (instead of for example picking strong because the design calls for boldfacing) and then style it accordingly. Why It's BulletproofMany browsers apply default stying, which can make them display certain elements differently. This stylesheet allows you to reset the styling to a very basic base which can then be built upon to ensure a consistent look across all browsers. How it worksIE FixesNone. IssuesThere is a problem with the inherit property in IE (See Eric Meyer's page) Other Modules
|
Sign in to add a comment