Internal vs External stylesheets

Hi

I understand the following is an example using an internal stylesheet.

<style type="text/css" title="currentStyle" media="screen">
@import "main1.css";
</style>

How would I specify it as an external stylesheet?

Stapes

On 6 Aug, 15:29, Stapes <steve.sta... (AT) gmail (DOT) com> wrote:

I understand the following is an example using an internal stylesheet.

style type="text/css" title="currentStyle" media="screen"
@import "main1.css";
/style

It's both: an internal stylesheet (inside the <style> element) and an
external stylesheet that's referenced by it (main1.css).

The syntax used here is still valid and will work, but it's an
obsolete trick used to get round some ancient NS4 problems. There's no
reason to continue doing so.
http://www.w3.org/TR/CSS21/cascade.html#at-import

How would I specify it as an external stylesheet?

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


Strictly you would convert it to this:
<link type="text/css" rel="stylesheet" href="main1.css" media="screen"

(with the media selector)

but unless you have a particular concrete reason for doing this,
you're probably better taking it out and applying the stylesheet to
all media.