Best way to include CSS? Why use @import?

Question

Basically I am wondering what is the advantage / purpose of using `@import` to import stylesheets into an existing stylesheet versus just adding another ... <link rel="stylesheet" type="text/css" href="" /> to the head of the document?

Answer 1

The most important difference for most web developers is use of @import inside stylesheets (NOT HTML pages). You can have one stylesheet "call" or "include" another stylesheet.

However, few people who are learning web development will need to do this. Generally, it is best to use <link> in HTML documents for stylesheets.

@import will force the browser into sequential loading of the stylesheet, so the other stylesheets are NOT loaded concurrently. Very rarely is this desirable.