Nuestra aplicación de tareas todavía es un poco fea, ¿no te parece? ¡Es hora de ponerla bonita! Para eso, vamos a usar CSS.
¿Qué es CSS?
El lenguaje CSS (las siglas en inglés de hojas de estilos en cascada, o Cascading Style Sheets) sirve para describir la apariencia de un sitio web escrito en un lenguaje de marcado (como HTML). Es como la capa de pintura para nuestra página web. ;)
Pero no queremos empezar de cero otra vez, ¿verdad? de nuevo vamos a usar algo unos estilos que ya están trabajados para que funcione muy bien en la aplicación.
Paso #1
En la archivos que conforman la aplicación existe un archivo llamado styles.css en este archivo es donde vamos a trabajar todos nuestros estilos.
En ese archivo podemos ajustar cualquier cosa respecto al aspecto visual de la aplicación. Un ejemplo, si agregas ese código dentro del archivo styles.css:
El resultado es:
Paso #2
Vamos a usar una hoja de estilos que ya esta preparada para que funciona muy bien dentro de la aplicación.