Мне известны несколько способов подключение таблиц стилей.
1. Определение в заголовке в теге <style>
2. Подключение в заголрвке в теге <link>
3. Подключение в заголовке с помощью конструкции @import

Хотелось бы рассмотреть плюсы и минусы всех 3 способов.
Плюс 1 го способа. На запрашивается дополнительный файл. Минус контент отдвигается ниже (вроде это плохо для поисковых машин)
Второй способ избавлен от минуса первого, но при его реализации для получения таблицы стилей выполнется дополнительный http запрос (интересно какие накладные расходы с этим связаны)
Про третий способ, вроде он такое же как и второй, но слышал, что работает быстрее.

Что Вы думаете?

Для полноты картины стоит упомянуть ещё один способ: объявление стиля внутри тэга (например, <div style="...">)

Делая выбор между п.2 и п.3 обязательно следует учесть, что эти способы не равноценны:  link и @import по-разному работают в каскаде (положение в каскаде имеет значение когда браузер разрешает конфликты стилей). Второй нюанс - импорт вообще не работает в некоторых древних браузерах (вроде NN4). Во всём остальном, ИМХО, никакой разницы нет. Всё равно в каждом варианте подгружается внешний файл.

<style> хуже не только с точки зрения SEO, но и значительно хуже с точки зрения кэширования (о чём уже сказано в другом топе).

Моё ИМХО - подключение внешнего файла через <link> - почти всегда вариант оптимальный. Другие варианты - изредка и только для решения каких-то специфических задач.