Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Astro Framework Course
·
Module 4
Estilização Rápida com Tailwind CSS
Tailwind CSS: Estilização Utility-First com Classes
Explicar a abordagem utility-first do Tailwind CSS para estilização através de classes.
2
Integrando Tailwind CSS no Astro
Instalar e configurar o Tailwind CSS em um projeto Astro com o comando `npx astro add tailwind`.
3
Configuração do Tailwind CSS: Entendendo `tailwind.config.mjs`
Identificar o arquivo de configuração `tailwind.config.mjs` e sua finalidade.
4
Estilizando com Tailwind: Texto, Cores e Fundo
Reconhecer classes comuns do Tailwind para estilização de texto, cores e fundo (ex: `text-lg`, `font-bold`, `bg-blue-500`).
5
Classes Essenciais do Tailwind para Layout e Espaçamento
Reconhecer classes comuns do Tailwind para controle de espaçamento e layout (ex: `p-4`, `flex`, `items-center`).
6
Estilizando Responsivamente com Prefixos
Identificar como os prefixos responsivos (ex: `md:`, `lg:`) são usados para adaptar o estilo a diferentes tamanhos de tela.
Previous module
Construindo com Blocos Reutilizáveis
Next module
Desenvolvimento Acelerado com IA