Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de HTML5 + CSS3 - Propriedades e seletores avançados

Conheça as diversas propriedades e seletores do CSS e melhore a qualidade dos seus códigos

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 02h12 de vídeos
  • Certificado com 8 horas
  • 15 exercícios

Sobre o curso

Para podermos estilizar os elementos HTML, precisamos conhecer as mais diversas propriedades do CSS. Conseguir alterar os elementos, não é, por vezes, uma tarefa tão simples, é necessário ter o conhecimento sólido nas propriedades e as variações de valores. E será esse tema que vamos abordar no decorrer do curso, também veremos sobre seletores avançados, que para nos desenvolvedores é algo de extrema importância

Para podermos estilizar os elementos HTML, precisamos conhecer as mais diversas propriedades do CSS. Conseguir alterar os elementos, não é, por vezes, uma tarefa tão simples, é necessário ter o conhecimento sólido nas propriedades e as variações de valores. E será esse tema que vamos abordar no decorrer do curso, também veremos sobre seletores avançados, que para nos desenvolvedores é algo de extrema importância

O que irá aprender?

Entre vários outros conteúdos conheceremos:

  • Declaração das cores;
  • Possibilidades de se trabalhar com background;
  • Estilizações avançadas de texto;
  • Aprender a trabalhar com overflow dos elementos;
  • Seletor de combinação;
  • Pseudo-classes;
  • Pseudo-elementos;
  • Aprenderemos a trabalhar com nth-child.

Pra quem é esse curso?

Esse curso é voltado para desenvolvedores que querem entender e se aprofundar em propriedades avançadas do CSS. Aprender como utilizamos de maneira correta seletores CSS avançados, como, nth-child, pseudo-classes e pseudo-elementos, entre outros.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Sobre o professor

Amauri Blanco Corrêa

Amauri Blanco Corrêa

Estudante de Análise e Desenvolvimento de Sistemas, apaixonado por tecnologia. Atualmente focado na área de front-end e iniciando uma grande e brilhante caminhada tanto profissionalmente quanto pessoalmente nesse universo que é a programação.

Conteúdo programático

  1. Trabalhando com as cores

    Nesta aula entenderemos as várias formas de se trabalhar com as cores no CSS.

    8 aulas
    • Apresentação
    • O código-fonte deste curso está no GitHub!
    • Preparando ambiente e forma escrita de declaração de cores
    • Entendendo o hexadecimal
    • Conhecendo o RGB e RGBA
    • Alpha das cores
    • HSL e HSLA
    • Questionário
  2. Conhecendo a propriedade background

    Nessa aula vamos conhecer como se trabalha de forma correta com a propriedade background, entender o que cada valor altera no HTML e aprender a criar um gradiente.

    6 aulas
    • Conhecendo o background-color e background-image
    • Size, repeat e position com background-image
    • Trabalhando com background attachment
    • Background shorthand
    • Entendendo como funciona o gradiente
    • Questionário
  3. Estilizações avançadas de texto

    Nessa aula vamos conhecer várias ferramentas de estilização de texto, que podem nos ajudar muito no desenvolvimento front-end.

    7 aulas
    • Estilizando textos com white-space
    • Opções de text decoration
    • Conhecendo o text-transform
    • Indentando parágrafos com text-indent
    • Conhecendo as sombras do texto
    • Quebrando as palavras
    • Questionário
  4. Trabalhando com overflow

    Já nessa quarta aula nos vamos aprender a trabalhar com o overflow dos elementos, e ver o que podemos fazer com o conteúdo que já não cabe no container

    5 aulas
    • Conhecendo o overflow
    • Criando scroll com overflow
    • Gerando scroll automático
    • Conhecendo o shorthand
    • Questionário
  5. Seletores avançados

    Nesta última aula nos vamos aprender a trabalhar com vários tipos de seletores avançados e também aprenderemos como criamos elementos a partir do CSS com os pseudo elemento

    9 aulas
    • Seletor de irmãos adjacentes
    • Seletor geral de irmãos
    • Tipos de seletores filhos
    • Trabalhando com nth-child
    • Outros tipos de uso do nth-child
    • First e last child do CSS
    • Principais pseudo classes
    • Trabalhando com pseudo elementos
    • Questionário
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

  • muito bom.

  • Mais um curso concluído com muita satisfação e gratidão aos conhecimentos passados pela TW, e disposição da equipe de suporte em atender todos os seus alunos.

  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Antes de começar o curso eu já possuía um conhecimento mediano sobre C# e mesmo no módulo básico vi funcionalidades que ainda não conhecia. Ótimos métodos de aprendizagem, simples e eficaz. Recomendado.

    Depoimento - Carlos
    C# (C Sharp) Básico
    Carlos Poços de Caldas / MG
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG
  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES
  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / RJ

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 99,00 ECONOMIZE R$ 600,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!