Hi!
I always do the same: I group styles of the same nature, beggining by
redefining default values where it is needed, and then by page structure, main
blocks, navigation, forms, etc. And I always keep the same sequency for each
definition (first positionning, dimensions, font, background, margins...), for
exemple :
{
position: (or float)
width:
height:
font:
background:
border:
margin:
padding:
}
etc
I believe it helps a lot in consulting the css.
Cheers!
Angela
-----Message d'origine-----
De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la
part de Jacobus van Niekerk
Envoyé : jeudi 7 avril 2005 12:09
À : wsg@webstandardsgroup.org
Objet : RE: [WSG] CSS Document layout/structure
I normally write my css to follow the structure of the xhtml:
/* Main layout*/
...
...
/* Nav */
...
...
/* Sub nav */
...
...
/* Content */
...
...
/* Side Content */
...
...
/* Footer */
...
...
I also tend to split my css in different files.
structure.css - keep all structure css
Text.css - all text related formatting
Small.css - used in style switcher to set text to small
Medium.css - used in style switcher to set text to medium
Large.css - used in style switcher to set text to large
Hacks.css - any hacks I might use to help IE ;)
I am open to other methods or ways of doing this .... Let us have a chat
about this issue.
Kind Regards
Jacobus van Niekerk
Creative Consultant
............................
web: http://www.catics.com/ | http://www.freelancecontractors.com
tel: + 27 21 982 7805
............................
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of C Slack
Sent: Thursday, April 07, 2005 11:34 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] CSS Document layout/structure
Hi,
I am struggling to get to grips with designing with web standards and one of
the problems I am having is with "reading" style sheets.
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?
Thanks,
Charlie
--
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
--
No virus found in this incoming message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.9.4 - Release Date: 4/6/2005
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
