Связанные стили - это стили, которые задаются в отдельном файле стилей с разрешением css. Рекомендую использовать именно такой вид подключения стилей. Они подключаются при помощи тега LINK:
<link rel="stylesheet" href="style.css">
Глобальные стили - это стили, которые подключаются при помощи тега STYLE в теге HEAD, но можно спокойно подключать и в теле документа. Я его использую, когда нет возможности, или надо не на долгое время завести несколько отдельных классов стилей:
<style>...</style>
Внутренние стили - это стили, которые задаются при помощи специального атрибута STYLE. Я его использую, когда необходимо по быстрому задать стиль для какого-нибудь отдельного тега:
<a href="#" style="color: red;" >