Начнём с основы
Три способа:
- Внешний файл — лучший для проекта:
<link rel="stylesheet" href="/styles.css" />
<style> в <head>
- Inline
style="..." на элементе (точечно, не масштабируется)
<head>
<link rel="stylesheet" href="/app.css" />
</head>
Итог: в реальных проектах — внешний CSS через link; inline только для исключений.