Trabajando con Módulos CSS
Los módulos CSS crean automáticamente nombres de clase únicos, lo que permite el alcance de CSS a un componente específico y elimina los conflictos de estilos. Se pueden escribir reglas CSS simples dentro de los módulos CSS.
Volver al proyecto
Cree un módulo CSS llamado home.module.css dentro de la carpeta app/ui y pegue las siguientes reglas CSS:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
Se debe importar el archivo home.module.css en el archivo app/page.tsx y luego aplicar la clase styles.circle al elemento div que se creó anteriormente.
En la práctica
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
How do I create a CSS module in the app/ui folder?
Can you explain how to import and use the CSS module in page.tsx?
What does the .circle class do in this example?
Awesome!
Completion rate improved to 2.08Trabajando con Módulos CSS
Desliza para mostrar el menú
Los módulos CSS crean automáticamente nombres de clase únicos, lo que permite el alcance de CSS a un componente específico y elimina los conflictos de estilos. Se pueden escribir reglas CSS simples dentro de los módulos CSS.
Volver al proyecto
Cree un módulo CSS llamado home.module.css dentro de la carpeta app/ui y pegue las siguientes reglas CSS:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
Se debe importar el archivo home.module.css en el archivo app/page.tsx y luego aplicar la clase styles.circle al elemento div que se creó anteriormente.
En la práctica
¡Gracias por tus comentarios!
