CSS - Estilize seu site!

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

Ratings: 4.69 / 5.00




Description

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á!


What You Will Learn!

  • A aplicar estilos à suas páginas Web
  • Codificar em CSS
  • Estilizar Websites
  • Como aplicar o CSS ao nosso HTML
  • O que são e quais são os 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
  • Vamos aplicar nosso conhecimento com exercícios práticos
  • Flex-box e grid
  • Como aplicar breakpoints ao nosso design responsivo
  • Animações e transições em CSS
  • Como criar um menu dropdown de puro CSS
  • E muito mais!

Who Should Attend!

  • Pessoas interessadas em aprender desenvolvimento web