Как правильно подключать ccs файл?

Здравствуйте! Я правильно понял, нужно сделать одну таблицу стилей для первого окна просмотра и подключить ее в head, а остальные стили закинуть в другой css файл и подключить в конце страницы перед body?
Возникает пару вопросов:
1) куда подключать тогда файл с media запросами и остальные файлы, например bootstrap и т.д.?
2) возможен ли такой вариант: делать прелоадер и подключать все файлы в конце?

Андрей 1. По-хорошему можно все стили (вообще все) собирать в один файл, затем из него выделять critical-часть, вставлять ее в head, а сам этот файл со всеми стилями - в конце страницы. Grunt/Gulp помогут с автоматизацией этого процесса.
2. Прелоадеры - зло, тем более если использовать вышеупомянутый подход - они просто не понадобятся. Исключение только одно: страницы с большим количеством скриптов, которые долго что-то делают перед тем, как показать страницу (сам таких моментов стараюсь избегать, но если все-таки эти скрипты есть - да, прелоадер может быть хорошим выбором, но тогда уже о css можно и не думать, выигрыш от быстрой загруски стилей не перебъет проигрыш от долгой загрузки скриптов).

Ivan Bogachev: Спасибо за помощь.

По возможности файлы лучше подключать в body. А сили я бы подключил в head, т.к. страница без стилей мало кому нужна.

DTX: зачем файлы подключать в body?

Александр Моргунов: чтобы страница грузилась быстрее. Иначе браузер сначала ждёт загрузки всех ресурсов из head, а только потом начинает отрисовывать страницу.