Linking to an external style sheet

ahm531 · #1 Aug 30th, 2006, 14:58

I'm learning about CSS in http://www.w3schools.com.
I have a question about linking pages to an external style sheet.

The site provided this syntax for linking and following are my questions,

<head>
<link rel="stylesheet" type="text/css"href="mystyle.css" />
</head>

First of all, I need to know what are the properties rel and type do exactly?
Secondly, the closing of the link tag /> is that XHTML?

moojoo · #2 Aug 30th, 2006, 15:05

ahm531 · #3 Aug 30th, 2006, 15:17

What i am supposed to do with that, i need som explanation dude?

moojoo · #4 Aug 30th, 2006, 15:23

Just ane xample of how to link to style sheets and assign different media types etc.. They would just go in the head of your document and point to your external css files. basically rel sets the type of file as does type. i.e. type ="text/javascript" or something. As for the /> it is XHTML and is a good thing so you could do say <img src="" alt="" width="" height="" /> vs doing <img></img>. Makes the code more streamlined and eliminates the need for additional closing tags.

minute44 · #5 Aug 30th, 2006, 16:17

and you woul use Rel= if you were including some kind of style switcher. look on www.minutedesigns.com to see how I've done this.

ukgeoff · #6 Aug 30th, 2006, 19:33

Quote:

As for the /> it is XHTML and is a good thing so you could do say <img src="" alt="" width="" height="" /> vs doing <img></img>.

This is a little misleading. There never was a requirement for an </img>.

Some tags contained information between them, so called open tags, as in <p>This is a para</p>.

Others such as <b>, <img>, etc, so called close tags never had a partner tag. Everything was handled as attributes within the tag.

XHTML determines that every tag should have a closing indicator but in the case of previously closed tags, this is done by using the ' />' notation, as in <b />, <img... />, etc.

Note the space between the end of the tags content and the '/>'.

moojoo · #7 Aug 31st, 2006, 13:23

It was just an example of opening and closing tags vs />. First thing that popped into my head. I can see how it could be confusing. Andf to elaborate as stated about style switching, you would do somethign like:

<link rel="stylesheet" title="Main CSS" href="foo.css" media="screen" type="text/css" />

then

<link rel="alternate stylesheet" title="Alt Main CSS" href="foo2.css" media="screen" type="text/css" />

etc....

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Adding a style sheet to an RSS feed problem	Andrew1986	Other Programming Languages	5	Feb 19th, 2008 10:31
Why Style sheet isnt working	kaz	Web Page Design	19	Dec 21st, 2007 01:10
CSS Print Style Sheet Problem	bennyboy7	Web Page Design	1	Aug 14th, 2007 08:58
new to css: what's the best way to insert image using the external style sheet?	mad samuel	Web Page Design	14	Aug 10th, 2007 17:52
How to tell IE7 to use a pariticular style in a single style sheet	figo2476	Web Page Design	5	May 25th, 2007 14:23

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Linking to an external style sheet