[shaftb]

What is the best practice for CSS?
I see on W3Schools.com they always have the CSS right in the HTML. But using other things, I see to link an external style sheet.
In your opinion..what is the best, safest, cleanest way to do it.

Thanks!

[Limbo]

Go external - one for screen, one for print.

Makes no sense to have it embeded in the page (unless you are using server includes).

[5P4C3]

External stylesheet!

[pgo]

External, always. I generally have 4 for screen (2 are IE-only), 1 for print, 1 for mobile.

[fivel]

external,

You can in W3Schools that they are embedding it because for learning sake.. coz it's easy for beginners to learn.

But sometimes you have no choice but to embed it ..

[Jayx]

Almost always external.

[pgo]

If you put your styles on every page you're just making your users download it every time they want to view a page. In terms of bandwidth, it's kind of wasteful, isn't it?

External styles are cached.

[twentysixtwelve]

always external. Except if you`re doing an html newsletter... but thats a completely different kettle of cod.

[Jonas]

At Alistapart.com you can find an article called "Alternative Style: Working With Alternate Style Sheets"

That's a very good introduction how to organize CSS.

[ivan11]

internal css is much quicker to load

[Bill Posters]

internal css is much quicker to load

Nonsense.

Assuming they both start at the same point in the markup, embedded css loads no quicker than external css.
The main speed difference kicks in on subsequent pages which use the same external stylesheet.
Whereas embedded css will need to be read in on every new page which uses it, external stylesheets are cached by the browser, so will not be re-read by the browser, reducing load-time on all subsequent pages.

[twentysixtwelve]

Originally Posted by ivan11

internal css is much quicker to load

Silly thing to say...