[Tucker]

Some CSS applies to every page of your document, other CSS applies only to one page. Do you put the CSS that applies to a single page on an external stylesheet as well, or do you put it on the page?

[Ajay]

I seldom design pages that use a different set of styles from the rest of the site. It's bad idea to keep your styles changing unless you specifically need to.

If I do need to change something specific, it is either inline or in the page itself.

If it has to come on more than 5 pages, I put it in a seperate stylesheet

[m3talc0re]

I use the @import on specific pages.

[Ajay]

what exactly is the purpose of @import?

[diddy1]

Originally Posted by Ajay

what exactly is the purpose of @import?

To point the browser to load the css file that the import points to. In this case you can make two css files; one with the css you need for those pages which require one of the css files, and a second one with the first one's css as well as the new changes for the other pages. And you can import each according to the need.

Thank You

[Ajay]

Makes sense now, but I wonder why not just use the normal method of linking CSS files, using link

[VP]

@import only works with new browsers, for example IE 4 and lower don't support it and thus they don't receive the styling and then mess up the layout with their lacking CSS support.

[diddy1]

Originally Posted by VP

@import only works with new browsers, for example IE 4 and lower don't support it and thus they don't receive the styling and then mess up the layout with their lacking CSS support.

That's why you have to stick to basic designs when it comes to websites. Also for those special browsers you can design a page just for them and use a simple detecting script to direct those who use those browsers to a page that doesn't use css.

Thank You

[googoo]

I use CSS as external file, so in the header, in "style" part, I usually put where is my CSS file located, by that way I save lots of space of every html page of my website. I heard it's also faster than putting in the document.

[StarLab]

I have my main CSS file containing a few @import:

@import url("layout.css"); /*layout css file*/
@import url("editor.css"); /*editor styles*/
@import url("custom.css"); /*Use this file to customize your website*/

The layout.css simply contains CSS for sizing and positioning of various elements

The editor.css contains styles for the editor plugin

The custom.css is where all appearance styles are defined. (Font colors, sizes, backgrounds, etc.)

Not only does this make things easier to find, it also makes adding more style sheets a snap. No cut 'n pasting into your original CSS file is required. Just add it as an @import.

This might start some argument, but I do not design for ancient browsers. There are simply too many other things to worry about these days.