Over the past year or so I have designed and coded about 7 new web site. I am very comfortable with the following pattern for writing CSS:
In each web page I link a screen.css file that simply imports three other .css files: reset.css; ie.css; and master.css. The reset.css file is the normal file that resets all margins and padding to zero, sets h1, h2, . . ., and p to 100%, etc. The ie.css file has my ie hacks. The master.css file has the key styles that flow through the site. Each web page has embedded styles. This may be where I depart from the norm. I did one site about a year ago that included all styles in master.css. There were no embedded styles on any page. This drove me nuts!! The style sheet was over 1000 lines of code long. I found it very hard to find the callouts when I needed to find them. Also, when adding styles for a new web page, sometimes I contradicted styles I wanted on other pages and had a hard time diagnosing the problem. Now, using embedded styles on each page for those attributes unique to the page, my master.css is typically 200 or so lines of code. Very manageable. No unintended conflicts. Any comments about my pattern for CSS coding??? It would interest me to see how others do their CSS work flow. Thanks. ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
