What motivates most developers to utilize the following links in their code:
<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 the following method:
<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 when dealing with auto-generated HTML markup? What are the drawbacks associated with the latter approach?