Thanks Patrick and others. For the record I think that the Malarkey URL you refer to is: http://www.stuffandnonsense.co.uk/archives/stylesheet_ordering.html It has given me lots of things to think about. Regards,
Charlie
Patrick Lauke wrote:
C Slack
Having sorted out the html code to make it more readable and modifiable it seems that we have shifted the "mess" to style sheets. Many of the sheets I look at are long, comment-less and very difficult to understand.
So that I don't fall into the same trap, can anyone recommend some reading on how to make style sheet structure and layout both understandable and also easily modified?
In general, it's a good idea to stick to some form of style guide (essential when more than one person is working on styles, or if it's likely that somebody else will inherit responsibility of those styles in future).
In general, I try to stick to simple things such as:
- sensible indenting
one liners for really short and sweet ones
selector { rule; }
proper formatted block for more convoluted ones
selector { rule; rule; rule; rule; }
- striving to use the same order in which rules appear
selector { font: ...; color: ...; margin: ...; padding: ...; etc }
- use comments whenever something obscure / counterintuitive happens (particularly if it's a hack)
- order your css into sections (general, header, navigation, etc)
as they appear in your XHTML; there is another school of thought that prefers to order the css alphabetically by selector. personally, i
find this more counterintuitive (as you often fail to see the inheritance
and cascade clearly), but if it works for you, that's another way to
go about it
- use descriptive, but not overly wordy IDs and classnames
- split up your stylesheet into separate stylesheets when appropriate
- optimise, optimise, optimise: take advantage of inheritance and cascade
- related to the previous: avoid classitis and "IDitis" (or whatever we want to call it); know your cascade and inheritance, and don't stick a class or ID on every single element of your document
I seem to remember Malarkey http://www.stuffandnonsense.co.uk had an article about this sort of thing a few months back...but the URL escapes me...
Patrick ________________________________ Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
--
Charles Slack, 15, Higher Greenfield, Preston, PR2 3ZX
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
