Answer 1

Utilizas CSS cada vez que quieras darle estilo a cualquier elemento del HTML.

Todo el código CSS que contiene el estilo utilizando selectores, se guarda en un archivo con extensión css, por ejemplo: "style.css" y luego en tu archivo html pones una etiqueta de link para hacer referencia a tu archivo css (también se le conoce como hoja de estilos) y así estos 2 archivos (el html y el css) pueden "comunicarse"

Por si quieres aprender más te recomiendo estudiar esta documentación: https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/CSS_basics 😉