Aggiunta del File CSS Globale
I file CSS globali includono tipicamente elementi come layout, tipografia e altri schemi di design coerenti tra le diverse parti dell'applicazione.
Se navighi nella cartella app/ui, troverai un file chiamato global.css. Questo file consente di applicare regole CSS a tutte le route della tua app. Anche se puoi includere global.css in qualsiasi componente, è consigliato includerlo nel layout principale (app/layout.tsx), che rappresenta il componente principale dell'app.
Aggiungiamo ora gli stili globali all'app. Vai su app/layout.tsx e importa il file global.css.
Dopo aver incorporato gli stili globali, dovresti visualizzare la seguente schermata se il server di sviluppo locale è ancora in esecuzione: http://localhost:3000/
In pratica
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
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.08Aggiunta del File CSS Globale
Scorri per mostrare il menu
I file CSS globali includono tipicamente elementi come layout, tipografia e altri schemi di design coerenti tra le diverse parti dell'applicazione.
Se navighi nella cartella app/ui, troverai un file chiamato global.css. Questo file consente di applicare regole CSS a tutte le route della tua app. Anche se puoi includere global.css in qualsiasi componente, è consigliato includerlo nel layout principale (app/layout.tsx), che rappresenta il componente principale dell'app.
Aggiungiamo ora gli stili globali all'app. Vai su app/layout.tsx e importa il file global.css.
Dopo aver incorporato gli stili globali, dovresti visualizzare la seguente schermata se il server di sviluppo locale è ancora in esecuzione: http://localhost:3000/
In pratica
Grazie per i tuoi commenti!
