Adicionando o Arquivo CSS Global
Arquivos CSS globais normalmente incluem elementos como layout, tipografia e outros padrões de design consistentes em diferentes partes da aplicação.
Se você navegar até a pasta app/ui, encontrará um arquivo chamado global.css. Este arquivo permite aplicar regras de CSS a todas as rotas do seu aplicativo. Embora seja possível incluir o global.css em qualquer componente, recomenda-se incluí-lo no layout raiz (app/layout.tsx), que é o componente principal do aplicativo.
Adicione os estilos globais ao aplicativo. Acesse app/layout.tsx e importe o arquivo global.css.
Após incorporar os estilos globais, a seguinte visualização deve ser exibida se o servidor de desenvolvimento local ainda estiver em execução: http://localhost:3000/
Na Prática
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
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.08Adicionando o Arquivo CSS Global
Deslize para mostrar o menu
Arquivos CSS globais normalmente incluem elementos como layout, tipografia e outros padrões de design consistentes em diferentes partes da aplicação.
Se você navegar até a pasta app/ui, encontrará um arquivo chamado global.css. Este arquivo permite aplicar regras de CSS a todas as rotas do seu aplicativo. Embora seja possível incluir o global.css em qualquer componente, recomenda-se incluí-lo no layout raiz (app/layout.tsx), que é o componente principal do aplicativo.
Adicione os estilos globais ao aplicativo. Acesse app/layout.tsx e importe o arquivo global.css.
Após incorporar os estilos globais, a seguinte visualização deve ser exibida se o servidor de desenvolvimento local ainda estiver em execução: http://localhost:3000/
Na Prática
Obrigado pelo seu feedback!
