Cómo usar estilos CSS y referenciar recursos

Nuestra aplicación contara con algunas imágenes y sonidos los cuales encontraras en el sistema de archivos, estos archivos los copiaras dentro de la carpeta de src/assets.

Vamos a darle estilos a nuestra aplicación empezando por la pantalla de Login, para poder recargar nuestra aplicación sin tener que estar moviéndonos cada vez de la pantalla de Home a la pantalla de Login realizaremos un cambio por el momento a nuestra rootPage dentro del archivo app.component.ts.

Entre algunos componentes que nos brinda Ionic se encuentra el ion-row y ion_col, estos componentes parten la interfaz en filas y columnas respectivamente haciendo que el espaciado y distribución de elementos en nuestra aplicación sea más fácil. ion-row te permite usar 12 columnas dentro de cada fila.

Como podemos ver en la documentación oficial, los inputs en Ionic se pueden repartir a lo largo de un ion-list y cada input dentro de un ion-item. Los inputs en Ionic cuentan con diferentes tipos y es necesario usar el tipo adecuado para cada input pues el teclado del celular cambiara acorde al input.