single or multiple CSS files

Hey everyone, I am looking for your thoughts and opinions.

Is it preferable to have one css file containing all the style information
or break it up into multiple imported files for different types of
formatting. For example, one file for page layout related items and
another for text formattion?

I have seen different combinations on different pages, and am wondering
which people find is easier to maintain. Being from a coding background
myself, I like to keep related things together, and move the rest to a
different file, or files. Also being from a coding background, I'd prefer
to learn by reading about others mistakes than duplicating them myself.

Thanks, Carolyn

Carolyn Marenger

in alt.html, Carolyn Marenger wrote:
> Hey everyone, I am looking for your thoughts and opinions.

Also in ciwas. Don't multipost. See my reply there. It is not perfect, as
I stopped writing it on moment I saw this.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.

Carolyn Marenger wrote :
> Hey everyone, I am looking for your thoughts and opinions.
>
> Is it preferable to have one css file containing all the style information
> or break it up into multiple imported files for different types of
> formatting. For example, one file for page layout related items and
> another for text formattion?
>
> I have seen different combinations on different pages, and am wondering
> which people find is easier to maintain. Being from a coding background
> myself, I like to keep related things together, and move the rest to a
> different file, or files. Also being from a coding background, I'd prefer
> to learn by reading about others mistakes than duplicating them myself.
>
> Thanks, Carolyn


I think it depends on what you are trying to accomplish....

As I have some sites that use the same layout, but different colours,
banners, images, I use two style sheets.

one for the layout of the pages, and the other for the colour.

eg... stylelayoutA.css contains things like.....

..leftmenu {width:100px;}
..topbanner {height:25px;position:absolute;top:0;left;0;width: 100%;}
p {font-family:sans-serif;font-size:.9em;}

eg... stylebrandingXYZ.css contains things like.....

..leftmenu {background-colour:blue;}
..topbanner {background-image:url(......);}
p {color:green;}

This way, all my clients may use the same layout style, but they can
brand it to whatever they like.

--
eat beef jerky

It was somewhere outside Barstow when Carolyn Marenger
<> wrote:

>Is it preferable to have one css file containing all the style information
>or break it up into multiple imported files for different types of
>formatting.

(IMHO) Both. One <link> element, but @imports inside this CSS file
to join the modules. The referenced CSS document might just be called
"main.css" and only the imported ones get names like
"foocustomer_menu_verypinklook_christmasspecial.cs s"

Some browser somewhere will break. I don't care.

On Thu, 03 Mar 2005 22:03:50 +0100, Lauri Raittila wrote:

> in alt.html, Carolyn Marenger wrote:
>> Hey everyone, I am looking for your thoughts and opinions.
>
> Also in ciwas. Don't multipost. See my reply there. It is not perfect, as
> I stopped writing it on moment I saw this.

Yes it was. Sorry to offend you. I did see the reply there, and you had
some valid points, which I will reply to there. I am new to these two
newsgroups, but not to newsgroups. The others I frequent, don't object to
crossposting - when the topic is relevant to both (or all) newsgroups.
CSS being related to HTML, I followed that guideline. I will keep your
preference in mind next time.

Carolyn