Agregar el Archivo CSS Global
Los archivos CSS globales suelen incluir elementos como el diseño, la tipografía y otros patrones de diseño consistentes en las diferentes partes de la aplicación.
Si navegas a la carpeta app/ui, encontrarás un archivo llamado global.css. Este archivo te permite aplicar reglas CSS a todas las rutas de tu aplicación. Aunque puedes incluir global.css en cualquier componente, se recomienda incluirlo en el layout raíz (app/layout.tsx), que es el componente principal de la aplicación.
Agreguemos los estilos globales a la aplicación. Ve a app/layout.tsx e importa el archivo global.css.
Después de incorporar los estilos globales, deberías ver la siguiente vista si el servidor de desarrollo local sigue en ejecución: http://localhost:3000/
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
What should I do if the styles are not being applied after importing global.css?
Can you explain why it's recommended to import global.css in the root layout?
How can I customize the global styles for my application?
Awesome!
Completion rate improved to 2.08Agregar el Archivo CSS Global
Desliza para mostrar el menú
Los archivos CSS globales suelen incluir elementos como el diseño, la tipografía y otros patrones de diseño consistentes en las diferentes partes de la aplicación.
Si navegas a la carpeta app/ui, encontrarás un archivo llamado global.css. Este archivo te permite aplicar reglas CSS a todas las rutas de tu aplicación. Aunque puedes incluir global.css en cualquier componente, se recomienda incluirlo en el layout raíz (app/layout.tsx), que es el componente principal de la aplicación.
Agreguemos los estilos globales a la aplicación. Ve a app/layout.tsx e importa el archivo global.css.
Después de incorporar los estilos globales, deberías ver la siguiente vista si el servidor de desarrollo local sigue en ejecución: http://localhost:3000/
En la práctica
¡Gracias por tus comentarios!
