Ajout du Fichier CSS Global
Les fichiers CSS globaux incluent généralement des éléments tels que la mise en page, la typographie et d'autres motifs de conception cohérents à travers différentes parties de l'application.
Si vous accédez au dossier app/ui, vous trouverez un fichier nommé global.css. Ce fichier permet d'appliquer des règles CSS à toutes les routes de votre application. Bien qu'il soit possible d'inclure global.css dans n'importe quel composant, il est recommandé de l'ajouter dans la mise en page racine (app/layout.tsx), qui constitue le composant principal de l'application.
Ajoutez les styles globaux à l'application. Rendez-vous dans app/layout.tsx et importez le fichier global.css.
Après avoir intégré les styles globaux, vous devriez voir l'affichage suivant si le serveur de développement local est toujours en cours d'exécution : http://localhost:3000/
En pratique
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
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.08Ajout du Fichier CSS Global
Glissez pour afficher le menu
Les fichiers CSS globaux incluent généralement des éléments tels que la mise en page, la typographie et d'autres motifs de conception cohérents à travers différentes parties de l'application.
Si vous accédez au dossier app/ui, vous trouverez un fichier nommé global.css. Ce fichier permet d'appliquer des règles CSS à toutes les routes de votre application. Bien qu'il soit possible d'inclure global.css dans n'importe quel composant, il est recommandé de l'ajouter dans la mise en page racine (app/layout.tsx), qui constitue le composant principal de l'application.
Ajoutez les styles globaux à l'application. Rendez-vous dans app/layout.tsx et importez le fichier global.css.
Après avoir intégré les styles globaux, vous devriez voir l'affichage suivant si le serveur de développement local est toujours en cours d'exécution : http://localhost:3000/
En pratique
Merci pour vos commentaires !
