Style sheets...how to use more than one?

**Jules** · 10-13-2006, 06:45 PM

I am such a newbie, so to most of you this will sound like a dumb

question.

When you have more than one style sheet, how do you reference it/them on your XHTML page? I mean so that if you use one style sheet for something but another for something else, the XHTML page will reference the correct one.

Thanks!
Jules

**ADAM Web Design** · 10-14-2006, 12:27 AM

Code:

<link rel="stylesheet" type="text/css" href="screen.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">

That's an example using screen and print. You can add as many stylesheets as you want between your <head></head> tags and use the media attribute (optional) to control what they're used for.

You can even use multiple stylesheets for the same thing if you like.

**Jules** · 10-14-2006, 12:37 PM

Thanks, Adam! It was pretty simple, eh? I'll get this "stuff" ~ so glad ya didn't laugh at my question...

Jules

**ADAM Web Design** · 10-14-2006, 03:59 PM

No need to laugh.

All learning starts with the simple phrase...I do not know.

-- Kwai Chang Caine

**Pingdom** · 10-16-2006, 05:04 AM

Hi Jules,

Another way to do it is using @import.

In the HTML/XHTML doc:
<style type="text/css">
@import url("styles.css");
</style>
A good thing is that you can have one css file that imports all your other ones, example of a css file:
@import url("style1.css");
@import url("style2.css");
@import url("style3.css");

That way you can add/remove css-files without having to edit several html/xhtml files.

**Jules** · 10-18-2006, 09:06 PM

Thank you, Pingdom!

I'll give this a shot, too.

Jules