HTML e CSS

Digite HTML e folhas de estilo de verdade: elementos HTML5, seletores CSS, cores, transformações e animações, depois formulários, Flexbox, Grid e design responsivo. O código está em inglês, como em projetos reais.

19 lições66 passosPro

Comece aqui

Lição 1 · Documento HTML · passo 1A declaração doctype▷ introdução de 10 s

Começar

Entre para guardar suas estrelas e continuar de onde parou.

AnúncioRemover anúncios

The Typing Cat Pro: libere todos os cursos. Sem anúncios, certificados, análises por IA. Ver o Pro.

Todos os cursos, e nenhum desses anúnciosO Pro libera a biblioteca inteira e limpa a página. US$ 5,99 por mês.Ver o Pro

1A declaração doctypeComece aquiComece aqui▷ 10 sComeçar
2O conteúdo da página

The Typing Cat tem nota 4,1 de 5 com base em 97.379 avaliações

1Lição 1Documento HTMLO doctype, o head e o body de uma página HTML5.2 passos

2Lição 2Elementos de seçãosection, títulos, article, nav, details e form.6 passos

3Lição 3Conteúdo incorporadofigure, picture, audio e video.4 passos

4Lição 4Elementos de textotime, mark e abbr dentro de um parágrafo.3 passos

5Lição 5Seletores CSSSeletores de atributo, pseudoclasses, pseudoelementos e combinadores.4 passos

6Lição 6Cores em CSSValores de cor em hex, rgb, rgba, hsl e hsla.1 passo

7Lição 7Unidades CSS e calc()Unidades de medida e expressões calc().2 passos

8Lição 8Media queries em CSSRegras @media para tamanhos e orientações de tela.1 passo

9Lição 9Transformações em CSStranslate, rotate, scale, transformações 3D e perspectiva.4 passos

10Lição 10Transições em CSSA forma abreviada transition, com funções de tempo e atrasos.1 passo

11Lição 11Animações em CSSA forma abreviada animation e as regras @keyframes.3 passos

12Lição 12Estrutura básica do HTML e headA estrutura de um documento HTML e os elementos do head.4 passos

13Lição 13Elementos semânticosElementos semânticos do HTML5 para uma estrutura de página acessível.4 passos

14Lição 14Formulários e camposElementos de formulário com atributos e validação.5 passos

15Lição 15Seletores e propriedades CSSSeletores, propriedades e valores CSS.5 passos

16Lição 16Layout com FlexboxPropriedades do Flexbox para layouts em uma dimensão.4 passos

17Lição 17Layout com GridPropriedades do CSS Grid para layouts em duas dimensões.4 passos

18Lição 18Animações e transições em CSSTransições, transformações e animações com keyframes.4 passos

19Lição 19Design responsivo e media queriesMedia queries e padrões de design responsivo.5 passos