CSS

  • 8 modules
  • 65 lessons
  • 10 activities
Enrol

Course content

  1. Module 01

    Boas vindas

    3 lessons
    • Boas Vindas! Page
    • Informações sobre o curso Page
    • Infográfico do curso Page
  2. Module 02

    Introdução ao Cenário

    1 lesson
    • Cenário do Curso Page
  3. Module 03

    1️⃣ Etapa 1: Fundamentos do CSS

    7 lessons 2 activities
    • O que é o CSS?ㅤ Page
    • CSS x HTMLㅤ Page
    • Como usar o CSSㅤ Page
    • Atividade - Fundamentos do CSS H5P
    • Problema 1.1ㅤ Page
    • Onde usar o CSSㅤ Page
    • Prioridade de Estilosㅤ Page
    • Atividade - Como os estilos são aplicados H5P
    • Jogo O que é o CSS File
  4. Module 04

    2️⃣ Etapa 2: Seletores no CSS

    8 lessons 1 activity
    • Problema 2.1ㅤ Page
    • Seletores de tagㅤ Page
    • Seletor de Classe e IDㅤ Page
    • Seletores Descendentesㅤ Page
    • Seletores Múltiplosㅤ Page
    • Atividade - Seletores no CSS H5P
    • Atividade prática 1 File
    • Resultado esperado - Atividade prática 1 File
    • Gabarito - Atividade prática 1 File
  5. Module 05

    3️⃣ Etapa 3: Propriedades visuais

    14 lessons 3 activities
    • Problema 3.1ㅤ Page
    • colorㅤ Page
    • background-colorㅤ Page
    • background-imageㅤ Page
    • Atividade - Usando cores H5P
    • Problema 3.2ㅤ Page
    • font-size, weight e familyㅤ Page
    • text-align/decorationㅤ Page
    • Atividade - Trabalhando com tipografia H5P
    • Problema 3.3ㅤ Page
    • margin, padding e borderㅤ Page
    • width e heightㅤ Page
    • Atividade - Controle dos espaços H5P
    • Atividade prática 2 File
    • Resultado esperado - Atividade prática 2 File
    • Gabarito - Atividade prática 2 File
    • Jogo Sobre Cores File
  6. Module 06

    4️⃣ Etapa 4: Organização de elementos

    12 lessons 3 activities
    • Problema 4.1ㅤ Page
    • display block, inline e inline-blockㅤ Page
    • display none e gridㅤ Page
    • grid-template-columns e gapㅤ Page
    • Atividade - Definindo o tipo de exibição H5P
    • Problema 4.2ㅤ Page
    • position: static e position: relativeㅤ Page
    • position: absolute e position: fixedㅤ Page
    • Atividade - Posicionando elementos H5P
    • Problema 4.3ㅤ Page
    • display: flexㅤ Page
    • flex-directionㅤ Page
    • justify-contentㅤ Page
    • align-itemsㅤ Page
    • Atividade - Alinhando com flexbox H5P
  7. Module 07

    5️⃣ Etapa 5: Responsividade e adaptação de layout

    8 lessons 1 activity
    • Problema 5.1ㅤ Page
    • media queriesㅤ Page
    • Layout responsivoㅤ Page
    • Unidades no CSS: px, %, em, rem, vh e vwㅤ Page
    • Atividade - Responsividade e Adaptação de Layout H5P
    • Atividade prática 3 File
    • Resultado esperado - Atividade prática 3 File
    • Gabarito - Atividade prática 3 File
    • Jogo CSS Responsivo — O Site em Qualquer Tela File
  8. Module 08

    Certificação do Curso de CSS

    2 lessons
    • Avaliação do Curso Feedback
    • Certificado de Conclusão do Curso Custom certificate
Back to top