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.
¿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:
body {
background-color: red;
}
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.
Copiar los estilos de este archivo: TodoAppCss.
El resultado será:
Paso #3
Ahora vamos a verlo en pantalla completa haciendo click en el botón Open in New Window.
El resultado:
Last updated
Was this helpful?