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?
Genial!
Completion tasa mejorada a 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!
