Какими способами можно подключить CSS к странице?

Короткий ответ

Три основных способа:

1. Внешний файл — <link rel="stylesheet" href="…"> (предпочтительно).
2. Внутренний — <style> в документе.
3. Инлайн — атрибут style="…".

<link rel="stylesheet" href="/styles.css" />
<style>.x { color: red; }</style>
<p style="margin: 0">…</p>

Также: @import в CSS (хуже для перфоманса), Constructable Stylesheets / CSS-in-JS в приложениях.

Каскад: при равной специфичности побеждает то, что ближе/позже; инлайн обычно сильнее автора (кроме !important игр).

Итог

Для продукта — внешние таблицы; инлайн — исключения (критический кусок, письма, динамика).