Tuesday, March 27, 2012

Use a CSS reset style sheet

Because the internal style sheets of various browsers have small—and sometimes not-so-small— differences, many designers create reset style sheet to define their own default styles.

Resetting the styles allows the designer to start from a known baseline, confident that no unwanted styles will creep in from any browser’s internal style sheet.
If you were working in Dreamweaver, and you chose a template, then the style sheet that accompanies your new project would be written as a reset style sheet.  Since in this class we are coding from scratch, I'd like you to have some uniform guidelines to follow.

You could copy one of the style sheets from the textbook, but to be honest, you'll actually need snippets from several chapters in order to include all of the facets of the project.

You could use a site like freecsstemplates.org, but that's a little more complicated than some of you need, since I require you to change the colors, fonts, and layout somewhat if you use one of those.

So, if you choose not to use a template from elsewhere (and Dreamweaver is not allowed), then begin not with a blank page, but with a reset style sheet. Here are a few for you to look at; pick one and enjoy.  

Yahoo! Developer Network
Blueprint
HTML5 Reset