Roadmap CSS

Roadmap CSS

Trilha de Aprendizado

Acompanhe cada etapa do curso e evolua de forma estruturada

estilo visual front-end design para web
Horas20
Aulas53
Etapas5

Visão geral em infográfico

Infográfico do curso de CSS
1

Boas vindas

3 conteúdos 1 podcast
  • Boas vindas!
  • Informações sobre o curso
  • Informações sobre o cursopodcast
2

Introdução ao cenário

1 conteúdo
  • Cenário do Curso
3

Etapa 1: Fundamentos do CSS

9 conteúdos 1 problema2 atividades1 podcast
  • O que é CSS
  • CSS x HTML
  • Como usar o CSS
  • Fundamentos do CSSatividade
  • Problema 1.1problema
  • Onde usar o CSS
  • Prioridade de Estilos
  • Como os estilos são aplicadosatividade
  • Fundamentos do CSSpodcast
4

Etapa 2: Seletores no CSS

8 conteúdos 1 problema1 atividade1 prática1 podcast
  • Problema 2.1problema
  • Seletores de tag
  • Seletor de classe e ID
  • Seletores descendentes
  • Seletores múltiplos
  • Seletores no CSSatividade
  • Práticaprática
  • Seletores no CSSpodcast
5

Etapa 3: Propriedades visuais

15 conteúdos 3 problemas3 atividades1 prática1 podcast
  • Problema 3.1problema
  • color
  • background-color
  • background-image
  • Usando coresatividade
  • Problema 3.2problema
  • font-size, weight e family
  • text-align/decoration
  • Trabalhando com tipografiaatividade
  • Problema 3.3problema
  • margin, padding e border
  • width e height
  • Controle dos espaçosatividade
  • Práticaprática
  • Propriedades visuaispodcast
6

Etapa 4: Organização de elementos

16 conteúdos 3 problemas3 atividades1 podcast
  • Problema 4.1problema
  • display block, inline e inline-block
  • display none e grid
  • grid-template-columns e gap
  • Definindo o tipo de exibiçãoatividade
  • Problema 4.2problema
  • position: static e position: relative
  • position: absolute e position: fixed
  • Posicionando elementosatividade
  • Problema 4.3problema
  • display: flex
  • flex-direction
  • justify-content
  • align-items
  • Alinhando com flexboxatividade
  • Propriedades visuaispodcast
7

Etapa 5: Responsividade e adaptação de layout

7 conteúdos 1 problema1 atividade1 prática1 podcast
  • Problema 5.1problema
  • media queries
  • Layout responsivo
  • Unidades no CSS: px, %, em, rem, vh e vw
  • Responsividade e Adaptação de Layoutatividade
  • Práticaprática
  • Responsividade e adaptação de layoutpodcast
8

Certificação do Curso de CSS

2 conteúdos 1 certificado
  • Avaliação do Curso
  • Certificado de Conclusão do Cursocertificado

comece agora mesmo

inscreva-se