Conteúdo do Curso
Next.js 14
4. Implantação e Banco de Dados
Next.js 14
Estilização Tailwind
O Tailwind CSS é um framework de CSS que oferece uma coleção de classes utilitárias de baixo nível. Essas classes podem ser adicionadas diretamente à sua marcação para criar designs sem escrever código CSS do zero. A ideia principal por trás do Tailwind é que, simplesmente adicionando o conjunto apropriado de classes, você pode aplicar os estilos necessários aos seus elementos.
Por exemplo:
O elemento botão terá um fundo verde com texto branco. Ele também terá preenchimento e cantos arredondados.
1. Most of the styles are predefined.
2. You'll quickly become familiar with it since it's intuitively understandable.
De volta ao Projeto
Vamos adicionar mais um elemento ao nosso aplicativo com estilo Tailwind. Copie o elemento div abaixo e cole-o acima do elemento p no arquivo app/page.tsx.
Após realizar as alterações, salve-as e verifique a página ao vivo. Agora você deve ver uma forma circular branca.
Na Prática
Tudo estava claro?
Conteúdo do Curso
Next.js 14
4. Implantação e Banco de Dados
Next.js 14
Estilização Tailwind
O Tailwind CSS é um framework de CSS que oferece uma coleção de classes utilitárias de baixo nível. Essas classes podem ser adicionadas diretamente à sua marcação para criar designs sem escrever código CSS do zero. A ideia principal por trás do Tailwind é que, simplesmente adicionando o conjunto apropriado de classes, você pode aplicar os estilos necessários aos seus elementos.
Por exemplo:
O elemento botão terá um fundo verde com texto branco. Ele também terá preenchimento e cantos arredondados.
1. Most of the styles are predefined.
2. You'll quickly become familiar with it since it's intuitively understandable.
De volta ao Projeto
Vamos adicionar mais um elemento ao nosso aplicativo com estilo Tailwind. Copie o elemento div abaixo e cole-o acima do elemento p no arquivo app/page.tsx.
Após realizar as alterações, salve-as e verifique a página ao vivo. Agora você deve ver uma forma circular branca.
Na Prática
Tudo estava claro?
