CSS - Estilize seu site!

Série Front-end do começo: Desenvolvimento Web

CSS - Estilize seu site!
CSS - Estilize seu site!

CSS - Estilize seu site! udemy course

Série Front-end do começo: Desenvolvimento Web

Venha aprender a estilizar seus sites com o CSS, aplicando cores, medidas, fontes, estilização de textos e caixas, posicionamento e muito mais. A  linguagem CSS foi criada para transformar o HTML em algo visualmente agradável e chamativo.

Este é o segundo curso da Série Front-end do começo: Desenvolvimento Web onde vamos aprender a fundo as linguagens base da Web, o HTML, CSS e JS.

Continuando do módulo I e II, neste módulo vamos ver o começar a aplicar CSS de maneira a começar a estilizar os sites, dando cores, fontes, e melhorando sua aparência.

Mas não se preocupe, se você tem conhecimento de HTML, mesmo não tendo feito o módulo anterior, vai poder acompanhar este curso tranquilamente.

Vamos aprender:

  • Como aplicar o CSS ao nosso HTML

  • O que são seletores

  • Como escrever comentários em CSS

  • Como funcionam as cores em CSS

  • Como aplicar cor de fonte e de fundo

  • Como aplicar Sombras

  • Tipos de Medidas em CSS

  • O que é o Box-model

  • Como aplicar largura e altura em CSS

  • Como aplicar bordas em CSS

  • Como aplicar margens e enchimento em CSS

  • O que eu faço quando meu conteúdo é maior do que a minha caixa

  • Qual a diferença entre Outline e Borda


  • Vamos aprender a estilizar texto:

    • Como definir a família da nossa fonte

    • O que são Web Fonts, Web Safe Fonts e como aplicar fontes personalizadas

    • Como definir o tamanho do nosso texto

    • Como aplicar estilos ao nosso texto como negrito, itálico, sublinhas e outros

    • Como colocar um texto todo em caixa alta ou baixa visualmente sem afetar o original

  • Como estilizar fundos:

    • Como aplicar imagens de fundo

    • Como posicionar imagens de fundo

    • Gradientes


  • Criar breakpoints para sites responsivos

  • Aprender os diferentes seletores a fundo

  • Flex-box e Grid, e como podem ajudar a criar um layout responsivo

  • Animações e transições

  • Menu dropdown em puro CSS

  • Vamos aplicar nosso conhecimento com exercícios práticos

E muito mais!

Então não perca tempo! Inscreva-se já!