CSS para Iniciantes é uma introdução prática à estilização de HTML em nove laboratórios guiados. Você começa criando e vinculando uma folha de estilos externa e depois desenvolve um vocabulário útil de seletores e propriedades para texto, cores, fundos, espaçamento, dimensões e elementos comuns de uma página.
Cada laboratório se concentra em uma pequena mudança visual que pode ser conferida na prévia do navegador. O curso avança dos fundamentos de CSS para Flexbox, navegação horizontal com listas, tabelas mais legíveis e uma introdução final aos utilitários do Tailwind CSS carregados por CDN.
O que você aprenderá
Ao concluir este curso, você será capaz de:
- Criar uma folha de estilos externa, vinculá-la ao HTML e selecionar conteúdo com seletores de elemento, classe, ID, agrupamento e descendência
- Estilizar texto com cor, tamanho em pixels, peso, alinhamento, altura de linha e família de fontes
- Aplicar cores hexadecimais e RGB, imagens de fundo, controles de repetição e posicionamento do fundo
- Compreender largura do conteúdo, padding, bordas, margens e
box-sizing: border-boxno box model do CSS - Criar layouts Flexbox básicos com controles de direção, distribuição, alinhamento e quebra de linha
- Transformar uma lista em navegação horizontal e melhorar a legibilidade de tabelas com bordas, espaçamento, cabeçalhos e alinhamento
- Carregar o Tailwind CSS por CDN e combinar utilitários básicos de fundo, texto, padding e Flexbox
Para quem é este curso
Este curso é indicado para iniciantes absolutos em CSS, estudantes de HTML prontos para acrescentar apresentação a páginas simples e desenvolvedores que desejam revisar rapidamente os mecanismos essenciais de estilização.
Pré-requisitos: Recomenda-se familiaridade básica com elementos e atributos HTML. Os laboratórios fornecem arquivos HTML preparados, mas conhecer head, body, div, listas, tabelas, classes e IDs ajudará você a se concentrar no CSS.
Ambiente de aprendizagem: Os nove laboratórios são executados em uma WebIDE Ubuntu 22.04 acessível pelo navegador, com arquivos de projeto preparados e uma prévia Web 8080. Você editará HTML e CSS diretamente e atualizará ou abrirá a prévia para observar cada mudança visual.
Perguntas frequentes
Preciso conhecer HTML antes de fazer o curso?
Você não precisa de HTML avançado, mas os fundamentos são úteis porque o CSS seleciona e estiliza a estrutura HTML. Os exercícios se concentram em CSS e geralmente fornecem a marcação da página, em vez de ensinar em profundidade a criação de documentos HTML.
Vou criar um site completo ou portfólio?
Não. O curso contém nove laboratórios guiados e específicos, não um projeto final ou desafios independentes. Você fará alterações direcionadas em páginas preparadas para observar o comportamento de cada seletor e propriedade.
O curso ensina design responsivo?
Apenas em nível introdutório. O laboratório de Flexbox aborda direção, alinhamento, distribuição e quebra, úteis para layouts flexíveis, mas o curso não inclui media queries, CSS Grid, breakpoints nem um fluxo completo de design mobile-first.
Quanto de Tailwind CSS é abordado?
Um laboratório apresenta o Tailwind por CDN e usa um conjunto pequeno de utilitários de fundo, texto, padding e Flexbox. Instalação com ferramenta de build, configuração, variantes responsivas ou de estado, design de componentes e otimização para produção não são abordados.
