Imagem do Curso gratuito CSS completo

Curso online gratuitoCSS completo

Duração do curso online: 7 horas e 23 minutos

4.83

EstrelaEstrelaEstrelaEstrelaEstrela

(6)

Curso CSS Completo: Domine CSS do básico ao avançado com aulas práticas e detalhadas. Ideal para Front-End. Aprenda sobre seletores, propriedades e criar sites do zero.

Neste curso gratuito, aprenda sobre

  • Fundamentos de CSS e Formas de Aplicação
  • Seletores e Conceitos Básicos de Estilo
  • Modelo de Caixa: Bordas, Espaçamentos e Tamanhos
  • Tipografia, Texto e Estilização de Links
  • Layout, Fluxo e Posicionamento de Elementos
  • Efeitos Visuais e Interação com o Usuário
  • Especificidade, Prioridade e Boas Práticas
  • CSS Responsivo: Media Queries e Flexbox
  • Projeto Prático: Criando um Site do Zero

Descrição do curso

O curso "CSS completo" é uma excelente oportunidade para quem deseja dominar as técnicas de estilização que o CSS proporciona. Com uma duração de 7 horas e 23 minutos, o curso é intensivo e aborda uma ampla gama de tópicos essenciais para qualquer desenvolvedor front-end. A média de 4.8 estrelas reflete a alta qualidade e satisfação dos alunos que já passaram por este treinamento.

Destinado a programadores e entusiastas da área de Informática (TI), com um foco específico em Programação Front-End, o curso é ideal tanto para iniciantes quanto para aqueles que já possuem alguma experiência e desejam aprofundar seus conhecimentos. O conteúdo é conduzido de forma clara e didática, facilitando o processo de aprendizado.

O curso começa com uma introdução sobre o que é CSS e como utilizar o CSS Inline, seguido por uma explicação detalhada sobre CSS Interno, incorporado diretamente na página. À medida que as aulas avançam, são abordados elementos fundamentais como CSS Externo, Seletores e Classes, passando também por diversas propriedades como Color, Background, Border, Margin e Padding, essenciais para estilizar qualquer página web.

Você aprenderá a trabalhar com textos e fontes através das propriedades Text e Font, além de entender como estilizar links de maneira eficaz. Explorará propriedades importantes como Display, Max-Width, Position e Overflow, e mergulhará em tópicos mais complexos como Float, Opacity e Efeito Dropdown, ampliando ainda mais sua capacidade de criar interfaces atraentes e funcionais.

Outro destaque do curso são os módulos sobre Especificidade CSS e a regra Important, que ajudam a resolver conflitos de estilo e garantem que as suas estilizações sejam aplicadas de forma precisa. Além disso, você descobrirá como produzir incríveis efeitos visuais utilizando propriedades como Gradiente, Text Shadow e Box Shadow e aprenderá a desenvolver Media Queries para adaptar sua estilização a diferentes dispositivos.

Nos módulos finais, o curso aborda o Flexbox, uma metodologia moderna para layout, essencial para criar páginas web responsivas e bem estruturadas. A prática é complementada com a criação de um site completo do zero usando CSS e HTML, proporcionando uma experiência concreta de desenvolvimento.

Em suma, o curso "CSS completo" é uma imersão total no mundo do CSS, equipada com todas as ferramentas necessárias para você aprimorar suas habilidades e se tornar um desenvolvedor front-end competente.

Conteúdo do curso

  • Aula em vídeo: Curso CSS Completo: Aula 01 - O que é CSS e CSS Inline 11m
  • Exercício: _Qual é o objetivo do CSS em relação à página web?
  • Aula em vídeo: Curso CSS Completo: Aula 02 - CSS Interno (incorporado na página) 07m
  • Exercício: _Qual é a diferença entre CSS incorporado e CSS direto na tag?
  • Aula em vídeo: Curso CSS Completo: Aula 03 - CSS Externo 16m
  • Exercício: _Qual é a terceira forma de trabalhar com CSS dentro do site, de acordo com o vídeo?
  • Aula em vídeo: Curso CSS Completo: Aula 04 - Seletores e Classes 13m
  • Exercício: _Qual é o primeiro tipo de seletor que pode ser utilizado em CSS para selecionar um elemento HTML específico?
  • Aula em vídeo: Curso CSS Completo: Aula 05 - Propriedade Color 05m
  • Exercício: _Qual é a função da propriedade "color" no CSS?
  • Aula em vídeo: Curso CSS Completo: Aula 06 - Propriedade Background 14m
  • Exercício: _Qual a propriedade do CSS que serve para definir o fundo de um elemento HTML?
  • Aula em vídeo: Curso CSS Completo: Aula 07 - Propriedade Border 07m
  • Exercício: _Qual é o estilo de borda que é uma borda sólida?
  • Aula em vídeo: Curso CSS Completo: Aula 08 - Propriedade Margin 06m
  • Exercício: _Qual é a função da propriedade "margem" no CSS?
  • Aula em vídeo: Curso CSS Completo: Aula 09 - Propriedade Padding e Criando Um Botão Simples 07m
  • Exercício: _Qual é a diferença entre a propriedade "margin" e a propriedade "padding"?
  • Aula em vídeo: Curso CSS Completo: Aula 10 - Propriedade Width e Height 04m
  • Exercício: _Qual é a propriedade que especifica a largura máxima que um elemento pode chegar?
  • Aula em vídeo: Curso CSS Completo: Aula 15 - Propriedade Max-Width 06m
  • Exercício: _Qual é o comportamento da propriedade Max-Width em relação à largura de um elemento?
  • Aula em vídeo: Curso CSS Completo: Aula 11 - Propriedade Text 11m
  • Exercício: _Qual propriedade CSS é utilizada para alinhar o vídeo ao centro?
  • Aula em vídeo: Curso CSS Completo: Aula 12 - Propriedade Font 10m
  • Exercício: _Qual é a propriedade CSS usada para definir a família da fonte?
  • Aula em vídeo: Curso CSS Completo: Aula 13 - Estilização de Links 13m
  • Exercício: _Qual é a propriedade CSS utilizada para determinar que a classe só vai funcionar em um link?
  • Aula em vídeo: Curso CSS Completo: Aula 14 - Propriedade Display 32m
  • Exercício: _Qual é o comportamento padrão de exibição dos elementos HTML no CSS?
  • Aula em vídeo: Curso CSS Completo: Aula 16 - Propriedade Position 28m
  • Exercício: _Qual é o valor da propriedade position que define o posicionamento do elemento de acordo com seu fluxo normal na página?
  • Aula em vídeo: Curso CSS Completo: Aula 17 - Propriedade Overflow 08m
  • Exercício: _Qual é a propriedade CSS que determina o que acontece com o conteúdo quando um elemento é menor do que o conteúdo dentro dele?
  • Aula em vídeo: Curso CSS Completo: Aula 18 - Propriedade Float 14m
  • Exercício: _Qual é a propriedade CSS ensinada pelo Professor Dimitri que permite que um elemento saia do fluxo normal e flutue para uma posição específica?
  • Aula em vídeo: Curso CSS Completo: Aula 19 - Propriedade Opacity 10m
  • Exercício: _Qual é a propriedade que determina a transparência de um elemento em CSS?
  • Aula em vídeo: Curso CSS Completo: Aula 20 - Efeito Dropdown 15m
  • Exercício: _Para criar o efeito de Drop Down no CSS, é necessário utilizar apenas o JavaScript.
  • Aula em vídeo: Curso CSS Completo: Aula 23 - Efeito Gradiente 11m
  • Exercício: _Qual propriedade CSS é utilizada para criar o efeito de Gradiente?
  • Aula em vídeo: Curso CSS Completo: Aula 24 - Propriedades Text Shadow e Box Shadow 12m
  • Exercício: _Qual é a propriedade de CSS que adiciona sombra ao vídeo?
  • Aula em vídeo: Curso CSS Completo: Aula 25 - Efeitos de Texto 10m
  • Exercício: _Qual é a propriedade que pode ser usada para limitar o tamanho do vídeo dentro de um elemento com tamanho fixo?
  • Aula em vídeo: Curso CSS Completo: Aula 21 - Especificidade CSS 12m
  • Exercício: _Qual é a ordem de importância das regras CSS em relação à especificidade?
  • Aula em vídeo: Curso CSS Completo: Aula 22 - Regra Important 06m
  • Exercício: _O que é a regra "importante" no CSS e como ela funciona?
  • Aula em vídeo: Curso CSS Completo: Aula 26 - Media Queries 19m
  • Exercício: _Qual é o conceito fundamental a ser aprendido na aula de CSS com Professor Dimitri?
  • Aula em vídeo: Curso CSS Completo: Aula 27 - Flexbox 38m
  • Exercício: _Qual é a propriedade de CSS que simplifica a criação de layouts responsivos de forma automática?
  • Aula em vídeo: Curso CSS Completo: Aula 28 - Criando Site do Zero Com CSS e HTML 1h26m
  • Exercício: _Qual é a finalidade do template que será criado na aula?

Este curso gratuito inclui:

7 horas e 23 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: CSS completo

Estudantes consideraram o curso online gratuito excelente, muito bom e de grande valor intelectual. Destacaram a didática do professor e recomendaram a outras pessoas, embora um aluno tenha relatado dúvida pontual sobre a explicação de margem no teste.

André Trajano

fenômenal

Dontablack Black

muito bom este curso

Daniel Marlon Rhendson da Silva Alves

curso muito bacana, mas na hora de responder sobre o margem no teste diz que margem serve para definir cor de fundo de um elemento , não entendi isto

Julio Cesar de Abreu

Excelente curso, já recomendei para meus amigos, ótima iniciativa e de grande valor intelectual para os alunos. MUITO OBRIGADO PROFESSOR DIMITRI.

Guilherme Pinheiro Mosconi

ótimo

Mais cursos gratuitos em Programação Front-End

Baixe o Aplicativo agora para ter acesso a + de 3300 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 48 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

+ de 9 milhões
de alunos

Certificado grátis e
válido em todo o Brasil

60 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, ebooks e audiobooks