a {
font:1em sans-serif; color:#333; font-weight:bold;
text-decoration:none;
margin:1em; padding:0.5em;
background:#ddd; border-bottom:1px solid #ccc;
}
First I set the font and text properties, than the margin-padding and - when used - the width-height properties. Than I go with background and border.
Where can I put floats, positioning or clears?
I agree with a separation in more than one css, but not so separate! :) Maybe "smal", "medium" and "large" could be joined in an only one file. Isn't it?
On Apr 7, 2005 12:08 PM, Jacobus van Niekerk <[EMAIL PROTECTED]> wrote:
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: [email protected]
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
******************************************************
