Imagem do Curso gratuito CSS

Curso online gratuitoCSS

Duração do curso online: 6 horas e 1 minutos

4.78

EstrelaEstrelaEstrelaEstrelaEstrela

(27)

Curso online gratuito de CSS da Universidade XTI, abordando desde introdução e sintaxe até layout com 3 colunas e CSS Sprite. Ideal para programação Front-End.

Neste curso gratuito, aprenda sobre

  • Introdução ao CSS e Sintaxe Básica
  • Seletores e Pseudo-Seletores
  • Box Model, Medidas e Tipografia
  • Cores de Fundo, Cabeçalhos, Links e Listas
  • Menus, jQuery e Layouts Básicos
  • Layout Tableless, Menus Avançados e Sprites
  • Recursos Visuais Avançados e Encerramento

Descrição do curso

O curso "CSS por Universidade" é uma excelente escolha para quem deseja dominar os fundamentos e avançar em técnicas de estilização de páginas web. Com uma carga horária total de 6 horas e 1 minuto, este curso intensivo proporciona um aprendizado profundo e detalhado sobre CSS (Cascading Style Sheets), essencial para qualquer desenvolvedor de front-end.

Organizado de forma clara e progressiva, o curso inicia com uma introdução ao CSS, passando pela sintaxe e formas de utilização, sejam elas inline, incorporadas ou externas. A estrutura bem delineada abrange desde os seletores simples até os mais compostos, incluindo pseudo-seletores, proporcionando um entendimento sólido sobre a aplicação e hierarquia dos estilos.

Um dos aspectos fundamentais abordados no curso é o efeito cascata e a herança, conceitos cruciais para o controle preciso dos estilos aplicados aos elementos HTML. Além disso, o curso detalha o BoxModel, com explicações sobre medidas absolutas e relativas, facilitando o entendimento sobre o espaço e distribuição dos elementos na página.

A estilização de textos é tratada em profundidade, incluindo fontes, espaçamento, alinhamento e decoração, que são componentes-chave para criar uma experiência de leitura agradável e coerente. Os módulos sobre background e cabeçalhos cobrem as técnicas para um design visualmente atraente e funcional.

Um destaque do curso é a abordagem prática sobre a criação e estilização de menus, tanto com CSS puro quanto com jQuery, permitindo a construção de menus dropdown dinâmicos e interativos. A seção de posicionamento explora as diferentes técnicas de fluxo normal, float, absoluto e uso do Z-Index, sendo essencial para o layout de páginas complexas.

O curso também aborda o design de layouts tableless, ensinando a criação de estruturas com duas ou três colunas e menus sofisticados, apenas com CSS. As técnicas avançadas incluem o uso de CSS Sprite, bordas arredondadas e sombreamento com CSS 3, finalizando com uma aula que recapitula e sintetiza todo o conteúdo aprendido.

A altíssima avaliação, com uma média de 5 estrelas, reflete a qualidade e a eficácia do curso, tornando-o uma escolha acertada para qualquer pessoa interessada em expandir seus conhecimentos em programação front-end. Ideal tanto para iniciantes quanto para aqueles que já possuem alguma experiência, este curso oferece uma excelente base teórica e prática para o domínio do CSS.

Conteúdo do curso

  • Aula em vídeo: Universidade XTI - CSS - 01 - Introdução 10m
  • Exercício: _O que é CSS?
  • Aula em vídeo: Universidade XTI - CSS - 02 - Sintaxe 14m
  • Exercício: Qual é a função do seletor em uma regra CSS?
  • Aula em vídeo: Universidade XTI - CSS - 03 - Utilização Inline, Incorporado e Externo 14m
  • Exercício: _Qual é a vantagem de utilizar o estilo incorporado em relação ao estilo online?
  • Aula em vídeo: Universidade XTI - CSS - 04 - Seletores Simples - Parte1 12m
  • Exercício: Quais são os cinco tipos de seletores simples mencionados na aula sobre CSS?
  • Aula em vídeo: Universidade XTI - CSS - 05 - Seletores Simples - Parte2 05m
  • Exercício: Qual seletor CSS é usado para elementos com um atributo específico?
  • Aula em vídeo: Universidade XTI - CSS - 06 - Seletores Compostos 08m
  • Exercício: Quais são os tipos de seletores compostos discutidos na aula?
  • Aula em vídeo: Universidade XTI - CSS - 07 - Pseudo Seletores - Parte1 09m
  • Exercício: _O que são pseudo-elementos e pseudo-classes em CSS?
  • Aula em vídeo: Universidade XTI - CSS - 08 - Pseudo Seletores - Parte2 07m
  • Exercício: _Qual é a função do pseudo-classe Lang em CSS?
  • Aula em vídeo: Universidade XTI - CSS - 09 - Efeito Cascata e Herança 14m
  • Exercício: Qual é a ordem de importância das folhas de estilo no CSS, segundo o efeito cascata?
  • Aula em vídeo: Universidade XTI - CSS - 10 - BoxModel - Parte1 12m
  • Exercício: _O que é o box model no CSS?
  • Aula em vídeo: Universidade XTI - CSS - 11 - BoxModel - Parte2 08m
  • Exercício: Quais são os três atributos essenciais para definir a borda de um elemento no CSS?
  • Aula em vídeo: Universidade XTI - CSS - 12 - Medidas Absolutas e Relativas 11m
  • Exercício: _Quais são os três tipos de medidas lineares no CSS?
  • Aula em vídeo: Universidade XTI - CSS - 13 - Textos Fontes 14m
  • Exercício: Qual é a finalidade da propriedade CSS 'font-family'?
  • Aula em vídeo: Universidade XTI - CSS - 14 - Textos Espaçamento e Alinhamento 09m
  • Exercício: _Qual é a propriedade que controla o espaçamento entre as letras de um texto em CSS?
  • Aula em vídeo: Universidade XTI - CSS - 15 - Textos Decoração 04m
  • Exercício: Quais são as funções da propriedade CSS 'text-decoration'?
  • Aula em vídeo: Universidade XTI - CSS - 16 - Background - Parte1 14m
  • Exercício: _Qual é a propriedade utilizada para adicionar cor de fundo a um elemento no CSS?
  • Aula em vídeo: Universidade XTI - CSS - 17 - Background - Parte2 03m
  • Exercício: Quais são as quatro propriedades do CSS que podem ser usadas para configurar o fundo de um elemento?
  • Aula em vídeo: Universidade XTI - CSS - 18 - Estilização de Cabeçalhos 06m
  • Exercício: _Qual é a propriedade utilizada para colocar uma borda acima do cabeçalho?
  • Aula em vídeo: Universidade XTI - CSS - 19 - Estilização de Links - Parte1 14m
  • Exercício: Quais são as quatro pseudo-classes de links mencionadas na aula de CSS?
  • Aula em vídeo: Universidade XTI - CSS - 20 - Estilização de Links - Parte2 02m
  • Exercício: _Como podemos remover a borda de uma imagem que está dentro de um link usando CSS?
  • Aula em vídeo: Universidade XTI - CSS - 21 - Estilização de Listas 10m
  • Exercício: Qual é a forma correta de estilizar listas em páginas web?
  • Aula em vídeo: Universidade XTI - CSS - 22 - Menu DropDown com jQuery Parte1 14m
  • Exercício: _Qual é a tag utilizada como container do menu na construção de drop-down em CSS?
  • Aula em vídeo: Universidade XTI - CSS - 23 - Menu DropDown com jQuery - Parte2 12m
  • Exercício: Qual é a principal função da biblioteca JavaScript mencionada na explicação?
  • Aula em vídeo: Universidade XTI - CSS - 24 - Posicionamento Fluxo Normal 11m
  • Exercício: _Qual é o fluxo normal de posicionamento dos elementos em uma página HTML?
  • Aula em vídeo: Universidade XTI - CSS - 25 - Posicionamento Float 14m
  • Exercício: Como o esquema de posicionamento 'float' altera a distribuição dos elementos em um documento HTML?
  • Aula em vídeo: Universidade XTI - CSS - 26 - Posicionamento Absoluto 10m
  • Exercício: _O que acontece quando um elemento é posicionado com esquema de fluxo absoluto?
  • Aula em vídeo: Universidade XTI - CSS - 27 - Posicionamento Z Index 08m
  • Exercício: Qual a função principal da propriedade z-index no CSS?
  • Aula em vídeo: Universidade XTI - CSS - 28 - Layout Introdução Tableless - Parte1 13m
  • Exercício: _Qual é a importância de nomear bem as estruturas no HTML na hora de trabalhar com layout em CSS?
  • Aula em vídeo: Universidade XTI - CSS - 29 - Layout Introdução Tableless - Parte2 07m
  • Exercício: Quais são as desvantagens do layout com largura líquida?
  • Aula em vídeo: Universidade XTI - CSS - 30 - Layout com 2 Colunas 10m
  • Exercício: _Qual é o próximo passo para construir um layout de duas colunas após definir o cabeçalho e o rodapé?
  • Aula em vídeo: Universidade XTI - CSS - 31 - Layout com 3 Colunas 11m
  • Exercício: Como estruturar um layout de três colunas em HTML?
  • Aula em vídeo: Universidade XTI - CSS - 32 - Menu só com CSS 03m
  • Exercício: _Qual é a propriedade CSS utilizada para esconder os submenus do menu principal?
  • Aula em vídeo: Universidade XTI - CSS - 33 - CSS Sprite 10m
  • Exercício: Qual é a principal vantagem do uso da técnica CSS Sprite em páginas HTML?
  • Aula em vídeo: Universidade XTI - CSS - 34 - Bordas Arredondadas e Sombreamento CSS 3 06m
  • Exercício: _Qual é a propriedade utilizada para definir o arredondamento de bordas em um elemento HTML utilizando CSS na versão 3?
  • Aula em vídeo: Universidade XTI - CSS - 35 - Última Aula 04m
  • Exercício: Qual é uma função do validador de CSS mencionado na aula?

Este curso gratuito inclui:

6 horas e 1 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

Marcos Oliveira

Gostei muito do curso bastante explicativo e didatico

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