Previous Message
Next Message

CSS Design Process?

Sent by Oliver Hodgson on 29 September 2004 15:03


> -----Original Message-----
> From: [EMAIL-REMOVED] On Behalf Of Jeff Chastain
> Sent: Wednesday, September 29, 2004 2:41 PM
> To: 'css mailing list'
> Subject: RE: [css-d] CSS Design Process?
> 
> To take this one step further, once I have all of the structure defined, are
> there any best practices for organizing the styles?  I assumed all styles
> should be in one stylesheet so the end user only downloads it once and then
> it is cached ... is this not right?  Are there any best practices in
> organizing or documenting a stylesheet so that things are 
> easy to find and understand later on?

I tend to do it like this:

Firstly I have the body element.
Then I have basic link styles.
Then I have standard html elements (h1-6, p, ul, that sort of thing).
Then I move into specifics (ids, classes, that sort of thing).

When using descendant selectors, I try to indent in order to show the cascade, eg:

#content {
   colour: #FFCCFF;
}
   #content h1 {
      color: #CCFFCC;
   }
      #content h1 span {
         color: #CCFFFF;
      }
   #content h2 {
      color: #FFFFCC;
   }

Cheers,


Olly.

This e-mail is private and confidential and is protected by copyright. It may also be privileged or
otherwise protected by other legal rules.  Access by or disclosure to anyone other than the intended
recipient for any reason other than the business purpose for which the message is intended, is
unauthorised. If you receive it in error, notify us, delete it and do not make use of or copy it.

Internet communications are not secure and therefore the Sesame Group companies (Sesame Group
Limited, Sesame Limited, Sesame Services Limited, Assureweb Limited and Sesame General Insurance
Services Limited) do not accept legal responsibility for the contents of this message. Any views or
opinions presented are solely those of the author and do not necessarily represent those of Sesame
Group companies unless otherwise specifically stated.

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: