Het Toevoegen van het Globale CSS-bestand
Globale CSS-bestanden bevatten doorgaans elementen zoals lay-out, typografie en andere consistente ontwerppatronen die in verschillende delen van de applicatie voorkomen.
Als je naar de map app/ui navigeert, vind je een bestand met de naam global.css. Met dit bestand kun je CSS-regels toepassen op alle routes in je app. Hoewel je global.css in elk component kunt opnemen, wordt aanbevolen om het toe te voegen aan de root layout (app/layout.tsx), het hoofdcomponent van de app.
Voeg nu de globale stijlen toe aan de app. Ga naar app/layout.tsx en importeer het bestand global.css.
Na het toevoegen van de globale stijlen zie je het volgende scherm als de lokale ontwikkelserver nog draait: http://localhost:3000/
In de praktijk
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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.08Het Toevoegen van het Globale CSS-bestand
Veeg om het menu te tonen
Globale CSS-bestanden bevatten doorgaans elementen zoals lay-out, typografie en andere consistente ontwerppatronen die in verschillende delen van de applicatie voorkomen.
Als je naar de map app/ui navigeert, vind je een bestand met de naam global.css. Met dit bestand kun je CSS-regels toepassen op alle routes in je app. Hoewel je global.css in elk component kunt opnemen, wordt aanbevolen om het toe te voegen aan de root layout (app/layout.tsx), het hoofdcomponent van de app.
Voeg nu de globale stijlen toe aan de app. Ga naar app/layout.tsx en importeer het bestand global.css.
Na het toevoegen van de globale stijlen zie je het volgende scherm als de lokale ontwikkelserver nog draait: http://localhost:3000/
In de praktijk
Bedankt voor je feedback!
