Question

Why most developers use the

<link  href="/js/jquery-ui/css/flick/jquery-ui-1.8.23.custom.css" type="text/css" />
<link  href="/css/main.css" type="text/css" />
<link  href="/css/table.css" type="text/css" />

instead of

<style type="text/css">
    @import "/js/jquery-ui/css/flick/jquery-ui-1.8.23.custom.css";
    @import "/css/main.css";
    @import "/css/tables.css";
</style>

even in autogenrated code in html markup ? What is disadvantages of last method ?

Answer 1

Below are the few disadvantages that I know

• Old browsers doesn’t support @import
• We can not take advantage of rel and title attributes with @import where we can take advantage of those attributes
• link method is known as its simplicity

In order to learn more disadvantages with @import please go through http://www.stevesouders.com/blog/2009/04/09/dont-use-import/