Imagem do Curso gratuito CSS3

Curso online gratuitoCSS3

Duração do curso online: 2 horas e 2 minutos

4.67

EstrelaEstrelaEstrelaEstrelaMeia estrela

(6)

Crie páginas mais bonitas e responsivas com CSS3. Curso online gratuito com aulas práticas e exercícios para dominar seletores, layout, fontes e efeitos.

Neste curso gratuito, aprenda sobre

  • Papel do CSS: separar apresentação do HTML e controlar o visual das páginas
  • Formas de aplicar CSS: inline, interno (style) e externo (arquivo .css)
  • Sintaxe do CSS: seletores, propriedades, valores, cascata e especificidade básica
  • Seletores: universal, tipo, atributo, agrupamento, id (#) e classe (.)
  • Dimensões: width/height, min/max e impacto de min-width no layout responsivo
  • Box model: margin, padding e como box-sizing mantém medidas totais estáveis
  • Texto: alinhamento, estilos e efeitos como text-shadow
  • Efeitos visuais: box-shadow, opacity e overflow (ex.: hidden para esconder excedentes)
  • Bordas e contornos: border, outline e border-radius com cantos diferentes
  • Fontes: font-family, @font-face e uso de Google Fonts
  • Cores e gradientes: formatos (hex, rgb etc.) e linear vs radial
  • Layout: float, clear/clearfix e position (valor padrão: static)
  • Animações suaves: transitions para mudanças de estado
  • Recursos modernos: currentColor, variáveis CSS, :target, reset/normalize, calc() e filters

Descrição do curso

Dominar CSS3 é o que transforma um HTML simples em uma interface moderna, clara e agradável de usar. Neste curso online gratuito de CSS3, você aprende a estilizar páginas com mais controle e segurança, entendendo como o navegador interpreta regras, como escrever uma sintaxe consistente e como aplicar estilos de forma inteligente no seu projeto. A proposta é fazer você ganhar autonomia para construir layouts e componentes com acabamento profissional, seja em sites pessoais, portfólios ou projetos de front-end.

Ao longo das aulas, você evolui dos fundamentos para recursos essenciais do dia a dia: o uso correto de seletores (do universal ao tipo e atributo), organização com classes e IDs, e boas práticas para agrupar regras sem perder legibilidade. Você também entende o comportamento do box model com profundidade, ajustando dimensões, lidando com margin e padding e aprendendo a evitar surpresas ao controlar tamanhos com box-sizing.

O curso avança para a estilização de textos e tipografia, trabalhando alinhamento, sombras e escolha de fontes com fallback adequado. Você aprende a integrar fontes externas com @font-face e serviços como Google Fonts, elevando a identidade visual das páginas. Em cores e gradientes, o objetivo é ajudar você a sair do básico e criar composições consistentes, com transições e efeitos visuais que melhoram a experiência sem exageros.

Em layout, você pratica técnicas clássicas como float e clearfix e compreende as diferenças de posicionamento com a propriedade position, além de controlar camadas e comportamentos de elementos na tela. Também trabalha com bordas, outline, background, arredondamento com border-radius e recursos úteis como overflow e opacity, importantes para componentes e áreas de conteúdo.

Para deixar seus estilos mais modernos e fáceis de manter, você aprende recursos como currentColor, variáveis CSS, calc(), filtros e a estilização baseada em URL via pseudo-classe :target. O curso ainda estimula a criar um CSS mais compatível entre navegadores, entendendo quando usar normalize ou reset, e como validar suporte com ferramentas como o caniuse. Com exercícios ao longo do caminho, você fixa conceitos e constrói uma base sólida para seguir para temas como responsividade e frameworks com muito mais confiança.

Conteúdo do curso

  • Aula em vídeo: Curso de CSS3 - Aula 01 - Introdução ao CSS3 01m
  • Exercício: _Qual a principal função do CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 02 - Aplicando CSS e Sintaxe 04m
  • Exercício: Quais são as três formas de aplicar CSS mencionadas no vídeo?
  • Aula em vídeo: Curso de CSS3 - Aula 03 - Seletor universal, Seletor tipo, Seletor atributo 09m
  • Exercício: _Qual é a função do seletor universal em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 04 - Agrupamento de Seletores 02m
  • Exercício: Qual é a finalidade de agrupar seletores em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 05 - Seletor Id e Class 05m
  • Exercício: _Qual é o seletor utilizado para criar uma classe em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 06 - Dimensão (Width, Height, Max e Min) 04m
  • Exercício: Qual é o efeito de se definir uma largura mínima de 500 pixels para uma div em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 07 - Margin e Padding 05m
  • Exercício: _O que é o pad em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 08 - Text (Parte 01) 04m
  • Exercício: Qual propriedade CSS é utilizada para alinhar o texto à esquerda, direita ou centro?
  • Aula em vídeo: Curso de CSS3 - Aula 09 - Text (Parte 02) 04m
  • Exercício: _Qual propriedade é utilizada para adicionar uma sombra ao vídeo no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 10 - Box Sizing e Box Shadow 03m
  • Exercício: Qual propriedade CSS permite manter a largura fixa de um elemento ao adicionar padding sem alterar suas dimensões totais?
  • Aula em vídeo: Curso de CSS3 - Aula 11 - Overflow e Opacity 03m
  • Exercício: _Qual é o valor da propriedade "overflow" que esconde a parte que excede a altura definida para o elemento?
  • Aula em vídeo: Curso de CSS3 - Aula 12 - Border Radius 03m
  • Exercício: Como aplicar cantos arredondados de tamanhos diferentes em um elemento CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 13 - Fonts 04m
  • Exercício: _Qual é a propriedade CSS que define um conjunto de fontes a serem utilizadas pelo navegador?
  • Aula em vídeo: Curso de CSS3 - Aula 14 - @Font Face 03m
  • Exercício: Como usar fontes externas em um site?
  • Aula em vídeo: Curso de CSS3 - Aula 15 - Google Fonts 01m
  • Exercício: _Qual é a ferramenta utilizada para disponibilizar fontes externas no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 16 - Colors e Gradients (Parte 01) 03m
  • Exercício: Qual é um método para representar cores no CSS citado no vídeo?
  • Aula em vídeo: Curso de CSS3 - Aula 17 - Colors e Gradients (Parte 02) 03m
  • Exercício: _Qual é a diferença entre o gradiente linear e o gradiente radial no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 18 - Float 03m
  • Exercício: Qual é a função do CSS 'float'?
  • Aula em vídeo: Curso de CSS3 - Aula 19 - Position 03m
  • Exercício: _Qual é o valor padrão da propriedade position em CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 20 - Border e Outline 03m
  • Exercício: Como aplicar uma borda sólida vermelha de 5 pixels em CSS usando uma declaração única?
  • Aula em vídeo: Curso de CSS3 - Aula 21 - Transition 04m
  • Exercício: _Qual a propriedade CSS utilizada para suavizar a transição de estado de um elemento?
  • Aula em vídeo: Curso de CSS3 - Aula 22 - Background 04m
  • Aula em vídeo: Curso de CSS3 - Aula 23 - Clearfix 06m
  • Exercício: _Qual é a técnica abordada na aula para reparar problemas gerados pelo uso do flash?
  • Aula em vídeo: HTML5 02m
  • Exercício: _Qual é a finalidade do site "caniuse.com"?
  • Aula em vídeo: Curso de CSS3 - Aula 25 - CurrentColor 02m
  • Exercício: _Qual é a função da propriedade colante collor no CSS3?
  • Aula em vídeo: Curso de CSS3 - Aula 26 - Variáveis CSS 04m
  • Aula em vídeo: Curso de CSS3 - Aula 27 - Estilizando via URL 03m
  • Exercício: _O que é a pseudo classe target e para que serve?
  • Aula em vídeo: Curso de CSS3 - Aula 28 - Normalize ou Reset CSS? 05m
  • Aula em vídeo: Curso de CSS3 - Aula 29 - Calc 04m
  • Exercício: _Qual é a função utilizada para fazer cálculos nos valores das propriedades CSS?
  • Aula em vídeo: Curso de CSS3 - Aula 30 - Filters 05m

Este curso gratuito inclui:

2 horas e 2 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Comentários do Curso: CSS3

JC

Jonathan Colpes Ribeiro

EstrelaEstrelaEstrelaEstrelaEstrela

Excepcional curso. Simples e objetivo. Fácil aprendizagem.

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso