Question

Possible Duplicate:
Difference between @import and link in CSS

I’ve read about CSS @import as a bad practice, and was wondering about the methods I’m using.

I’m currently building a website using WordPress, which imports each plugin’s stylesheets by link references, and the main stylesheet is linked in the same manner, however, the main stylesheet currently contains several @import declarations, which I believe I should be moving into the header or into the appropriate pages that they’re used in (having two of them are only used on certain pages).

Are my concerns justified, and what are the implications of using those @import declarations?

Answer 1

I think you should use LINK for simplicity—you have to remember to put @import at the top of the style block or else it won’t work. It turns out that avoiding @import is better for performance.

link

• Linking is the first method for including an external style sheet on your Web pages. It is intended to link together your Web page with your style sheet.

import

• Importing allows you to import one style sheet into another. This is slightly different than the link scenario, because you can import style sheets inside a linked style sheet.

The most common reason given for using @import instead is because older browsers didn’t recognize @import, so you could hide styles from them.

This link will solve your all queries

What’s the Difference Between @import and link for CSS?