CSS - ¡Que quede bonito!
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.
Last updated
Was this helpful?
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.
Last updated
Was this helpful?
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.
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:
Vamos a usar una hoja de estilos que ya esta preparada para que funciona muy bien dentro de la aplicación.
Copiar los estilos de este archivo: TodoAppCss.
El resultado será:
Ahora vamos a verlo en pantalla completa haciendo click en el botón Open in New Window.
El resultado:
