теги link валидны только head. google предлагает вам добавлять эти теги в head через js:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
<script>
(function (head, createElement) {
['/test.css','/a.css', 'b.css'].forEach(url) {
var link = createElement('link');
link.href = url;
link.rel = 'text/stylesheet';
head.appendChild(link);
});
}(document.head || document.getElementsByTagName('head')[0], document.createElement));
</script>
<script src="http://somecdn.com/jquery.com"></script>
<script>//+local fallback</script>
<script src="my/scripts.js"></script>
</body>
но если у вас их 20 лучше сначала просто собрать все в один файл и ужать каким minifycss
приведенный пример - просто пример. Он не должен работать.
