CSS do zero: estilo e responsividade
Transforme uma estrutura simples em uma interface clara e adaptável.
Seu progresso neste dispositivo
0 de 6 aulasVocê escolhe quando uma aula está concluída.Começar o cursoPrograma do curso
Do primeiro conceito ao projeto
Conecte o CSS e entenda seletores e cascataLigue uma folha de estilos ao HTML, use seletores previsíveis e descubra por que a cascata escolhe uma regra quando mais de uma combina.PendenteEscolha cores, tipografia e unidades no CSSCombine cores legíveis, propriedades de texto e unidades relativas para criar uma hierarquia visual que responde às preferências do usuário.PendenteEntenda o box model e controle o tamanho dos elementosVisualize conteúdo, padding, borda e margem para calcular dimensões e evitar caixas maiores do que o espaço disponível na página.PendenteCrie ritmo com espaçamento, bordas e fundosUse margin, padding, gap, bordas e backgrounds com funções claras para separar, agrupar e destacar conteúdo sem depender de ajustes aleatórios.PendenteAdapte a página com CSS responsivo e media queriesCrie um layout que parte da tela estreita, cresce com limites flexíveis e usa media queries quando o conteúdo realmente precisa mudar de arranjo.PendenteProjeto CSS: construa um card de landing pageReúna seletores, tipografia, box model e responsividade em um card de landing page com chamada clara e resultado verificável no navegador.Pendente
Depois da leitura
Continue estudando nos canais do Grupo Club
Os vídeos são complementares. Todo conceito, exercício e critério de conclusão já está explicado nas aulas em texto.
Prefere aprender em vídeo?
Tem aula sobre este assunto no nosso canal.
DevClub no YouTubeCURSO DE CSS DO ZERO - APRENDA NA PRÁTICA - TUTORIAL COMPLETOAssistir a aula
DevClub no YouTubeProjeto Tela de Login com HTML e CSSAssistir a aula