O inline fica na tag HTML, o interno no elemento style da página e o externo em um arquivo .css separado.
Duração do curso online: 7 horas e 23 minutos
4.6
(8)
Crie layouts bonitos e responsivos com CSS completo: seletores, cores, fontes e posicionamento. Curso online gratuito com exercícios e certificado.
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.
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
Qual é a diferença entre CSS inline, interno e externo?
O inline fica na tag HTML, o interno no elemento style da página e o externo em um arquivo .css separado.
Como funciona a diferença entre margin e padding no CSS?
Margin cria espaço fora do elemento, enquanto padding cria espaço entre o conteúdo e a borda.
Para que serve a propriedade max-width no CSS?
Ela define a largura máxima que um elemento pode ocupar, ajudando na adaptação a diferentes telas.
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 GratuitoPHP 8 do Zero ao Profissional (MVC, PDO, Composer, Twig e Deploy)
5
(2)
31h00m
58 exercícios
Curso GratuitoProgramação para Web
5
(6)
14h37m
12 exercícios
Curso GratuitoJavascript curso completo
5
(2)
3h56m
42 exercícios
Curso GratuitoDesenvolvimento Web Completo (Front-end: HTML, CSS, JavaScript)
5
(2)
10h33m
32 exercícios
Curso GratuitoHTML, CSS, JavaScript e Firebase: Seja um FullStack developer
5
(1)
3h51m
29 exercícios
Curso GratuitoAprenda HTML criando um clone da Netflix
5
(2)
4h16m
17 exercícios
Curso GratuitoCSS Flexbox no desenvolvimento de sites
5
(1)
1h18m
10 exercícios
Curso GratuitoJavaScript - Manipulando o DOM
5
(1)
1h50m
9 exercícios
Curso Gratuito Criação de loja virtual
5
(12)
20h31m
21 exercícios
Curso GratuitoReact JS
5
(24)
1h22m
10 exercícios
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
Os estudantes consideram o curso gratuito excelente, claro e de grande valor, destacando a didática do professor e a proposta de desenvolver um projeto. Houve apenas uma dúvida sobre a explicação da propriedade margin em um 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