Опорная идея
CSS (Cascading Style Sheets) отвечает за внешний вид: цвета, шрифты, отступы, расположение. Есть три способа применить стили, но рекомендуемый — отдельный файл.
Отдельный файл style.css, подключённый в <head> (лучший способ): <link rel="stylesheet" href="style.css">
Внутри документа, в <head>: <style> p { color: gray; } </style>
Прямо в теге (по возможности избегайте): <p style="color: gray;">текст</p>
Отдельный файл хорош тем, что один набор стилей применяется ко всем страницам сайта, а структура и оформление не перемешаны.