Duração do curso online: 7 horas e 23 minutos
4.63
(8)
CSS é a linguagem que dá forma, cor e identidade a uma página web. Se você já criou um HTML e sentiu que faltava “vida” no resultado, este curso CSS completo foi feito para acelerar sua evolução no front-end, indo do zero até uma base sólida para construir interfaces mais profissionais, organizadas e agradáveis de usar.
Ao longo das aulas, você entende como aplicar estilos de diferentes maneiras no projeto, quando faz sentido usar cada abordagem e como manter o código mais limpo e reutilizável. Em seguida, você ganha domínio dos fundamentos que aparecem em praticamente todo layout real: seleção de elementos e classes, cores e fundos, bordas, espaçamentos internos e externos, além de dimensões como largura e altura. Esse conjunto é o que permite transformar páginas “travadas” em componentes bem acabados e consistentes.
Você também desenvolve segurança para controlar a aparência de textos, tipografia e links, criando hierarquia visual e melhorando a leitura. A partir daí, avança para propriedades que determinam como os elementos se comportam na tela, explorando maneiras de exibir, alinhar e ajustar blocos em diferentes cenários. O curso ainda reforça o pensamento de layout com conceitos que ajudam na adaptação a vários tamanhos de tela e na construção de páginas mais flexíveis.
Outro ponto importante é compreender como posicionar elementos de forma previsível, lidar com situações em que o conteúdo “excede” o espaço disponível e aplicar efeitos visuais como transparência e menus do tipo dropdown apenas com CSS, sem depender de JavaScript para alcançar resultados simples e elegantes. Tudo isso é acompanhado por exercícios que fixam o aprendizado e ajudam você a praticar de verdade, em vez de apenas assistir.
Ao concluir, você terá um repertório essencial para estilizar páginas, criar botões, ajustar espaçamentos com precisão e organizar componentes com mais confiança — competências fundamentais para quem quer trabalhar com programação front-end, evoluir em projetos pessoais e dar os próximos passos em desenvolvimento web. Curso online gratuito, com atividades para consolidar cada etapa do aprendizado.
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 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 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 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.
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
+ de 5.000 cursos gratuitos
Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.
Plano de estudos com IA
A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.
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
Curso GratuitoReact JS
5
(24)
1h22m
10 exercícios
Curso GratuitoProgramação para Web
5
(5)
14h37m
12 exercícios
Curso GratuitoAprenda HTML criando um clone da Netflix
5
(2)
4h16m
17 exercícios
Curso GratuitoHTML completo
5
(37)
4h18m
15 exercícios
Curso GratuitoCSS Flexbox no desenvolvimento de sites
5
(1)
1h18m
10 exercícios
Curso Gratuito Criação de loja virtual
5
(12)
20h31m
21 exercícios
Curso GratuitoJavascript completo
4.96
(84)
3h49m
24 exercícios
Curso GratuitoCriação de sites em Wordpress
4.95
(43)
6h44m
42 exercícios
Curso GratuitoHTML e CSS para iniciantes
4.92
(624)
4h31m
16 exercícios
Curso GratuitoJquery
4.92
(13)
9h19m
53 exercícios
Milhares de cursos online em vídeo, ebooks e áudiobooks.
Para testar seus conhecimentos no decorrer dos cursos online
Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail
Baixe nosso aplicativo pelo QR Code ou pelos links abaixo:.
Leve o conhecimento no seu bolso.
Baixe o aplicativo Cursa.
São centenas de Cursos gratuitos a disposição, com Certificado de conclusão gratuito que é salvo em sua galeria de imagens do celular.
Baixe o app para ter acesso ao Certificado de conclusão de Curso Gratuitamente.
+ de 10 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
Comentários do Curso: CSS completo
Estudantes elogiaram o curso gratuito por ser muito bom/ótimo e bem explicado, com projeto prático. Muitos destacam a didática do professor. Houve apenas uma dúvida pontual sobre uma questão de “margem” no teste.
Davi
esse cara sabe oque faz, ensina certinho e ainda passa um projeto, fenomenal
Davi
um dos melhores professores front end que alguém poderia ter, imagina presencialmente estudar com esse professor, uma salva de Palmas
Márcio Satiro da silva
c
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