seria buena practicar dividir el contenido en varios archivos de css? ejemplo footer.css, header.css y así

Es una buena práctica utilizando algún preprosesador de css que maneje módulos y en modo desarrollo. Ya que estos al final te generan un archivo css con todo el contenido de los módulos transpilado a css.

Por qué esto. Pues si lo haces con archivo independientes de css cada llamado al servidor es un proceso extra que relentiza la carca de la página.

Puedes utilizar preprocesadores, sass por ejemplo, y dividirlo todo en partials. De hecho hay una arquitectura llamada atomic design que funciona genial para eso que dices.

Gracias! :)

mientras mas archivos tengas el navegador tendrá que hacer mas peticiones http y eso no es muy bueno. Puedes usar css-modules en el desarrollo y empquetarlo todo al final para producción y asi entregar un solo archivo CSS.