Curso

CSS Gratuito

Este curso é antigo e faz parte do acervo DevMedia

Neste curso de CSS conheça como importar e incorporá-lo no HTML. Além disso você aprenderá a escrever seus primeiros códigos e conhecer as principais propriedades. Aprenda também a inserir efeitos em blocos de texto, como por exemplo a capitular, através dos pseudo-elementos.

Avaliação

Clique para avaliar o curso!
CSS Gratuito
5 5 23
Iniciar curso Assinar curso Certificado
Aulas: 39 vídeos Carga Horária: 39 horas Curso Gratis
Check Certificado Certificado Marcar como favorito (117)

Para obter a contagem de carga horária do curso levamos em consideração que cada aula possui, em média, a duração técnica de uma hora - que contém o tempo de acompanhamento, codificação, assimilação do aluno além do próprio tempo total do vídeo.

Conteúdo programático

História
1

Introdução

FREE

Nessa videoaula daremos início ao curso de introdução ao CSS. A ideia por traz deste curso é fazer uma introdução consistente, do básico ao avançado, buscando tratar sobre todos os principais assuntos relacionados ao aprendizado de CSS.

Assistir aula
2

Motivos para aprender CSS

FREE

Nessa videoaula vamos aprender os motivos de ser necessário a um bom webdesigner, conhecer a CSS, ou ainda, folha de estilo em cascata.

Assistir aula
Conceitos Básicos
3

Básico sobre HTML

FREE

Nessa videoaula vamos fazer uma breve introdução ao HTML, esta breve introdução tem por finalidade nivelar nosso conhecimento, para todos os que não possuem este conhecimento básico.

Assistir aula
4

Formas de Escrita

FREE

Nessa videoaula começaremos a escrever um pouco de código. Mas para começar a escrever, devemos primeiro saber como escrever, dessa maneira, nessa videoaula, vamos aprender as diversas formas de escrita.

Assistir aula
5

Seletores básicos

FREE

Nessa videoaula veremos que para surtir efeito sobre nossos elementos, devemos definir quais elementos em nosso website serão afetados pelo código escrito, desta forma, precisamos lançar mão dos recursos de seletores.

Assistir aula
6

Cores RGB e Background

FREE

Nessa videoaula veremos que a maioria dos sites utiliza o uso de cores como principal meio de impactar o usuário. Vários sites exploram o background de suas páginas e ainda o background de seus elementos como forma de melhorar o visual.

Assistir aula
Cores e Fundos
7

Image Background

FREE

Nessa videoaula daremos continuidade aos nossos estudos sobre fundo de página, vamos aprender um pouco sobre image background. Esta propriedade tem por finalidade possibilitar que utilizemos não somente cores.

Assistir aula
Fontes e Textos
8

Fontes

FREE

Nesta videoaula aprenderemos os conceitos e práticas referentes ao uso de fontes em sites. Muitas vezes temos a impressão de que as fontes poderiam ser mais bem utilizadas em sites.

Assistir aula
9

Propriedade Text

FREE

Nesta videoaula aprenderemos como utilizar a propriedade text. Esta propriedade possui diversas variantes e propriedades, dentre elas devemos salientar a possibilidade de definir o espaçamento entre as letras de nosso texto.

Assistir aula
Bordas
10

Propriedade Border

FREE

Nesta videoaula iremos trabalhar com bordas de elementos através da propriedade border.

Assistir aula
Espaçamento
11

Propriedade Margin e Padding

FREE

Nesta videoaula iremos trabalhar com as propriedades de margin e padding.

Assistir aula
Listas
12

Formatação de Listas

FREE

Nesta videoaula aprenderemos como trabalhar e formatar visualmente listas ordenadas.

Assistir aula
13

Criando um menu usando hiperlinks e listas

FREE

Nesta videoaula aprenderemos a utilizar e formatar hiperlinks utilizando CSS e suas propriedades.

Assistir aula
Tabelas
14

Formatação de Tabelas

FREE

esta videoaula aprenderemos como formatar tabelas utilizando os recursos de CSS.

Assistir aula
Formulários
15

Formatação de Formulários

FREE

Nesta videoaula aprenderemos como formatar os campos de um formulário utilizando a CSS.

Assistir aula
CSS Avançado
16

Pseudo-elementos

FREE

Nesta videoaula iremos aprender como utilizar os pseudo-elementos ou pseudo-classes.

Assistir aula
17

Classes avançadas

FREE

Nesta videoaula aprender a criar classes mais elaboradas e ainda classes mais especializadas, de acordo com o contexto em que estão inseridas.

Assistir aula
DIV
18

Display, Float e Clear

FREE

Nesta videoaula vamos começar a estudar os elementos DIV com um pouco mais de atenção.

Assistir aula
19

Posicionamento de DIV

FREE

Nesta videoaula daremos continuidade ao estudo mais avançado em DIV’s. Vamos aprender um novo conceito que é o posicionamento de DIV’s.

Assistir aula
Propriedades Avançadas
20

Cálculos Matemáticos / Calc

FREE

Nesta videoaula começaremos a aprender um pouco mais sobre propriedades avançadas da CSS, mais especificamente aprenderemos mais propriedades relacionadas à especificação CSS3.

Assistir aula
21

Recorte de elementos / Clip

FREE

Nesta videoaula continuaremos os nossos estudos de propriedades avançadas de CSS / CSS3. Desta vez aprenderemos como utilizar a propriedade CLIP, que tem por finalidade recortar elementos na tela.

Assistir aula
22

Border e Text Shadow

FREE

Nesta videoaula prosseguiremos com nossos estudos de utilização de mecanismos avançados de CSS. Desta vez faremos uma aula bastante leve, mas com resultados bastante interessantes, pois aprenderemos como inserir sombras em nossos textos e caixas.

Assistir aula
23

Border radius

FREE

Nesta videoaula daremos continuidade aos nossos estudos de propriedades avançadas de CSS.

Assistir aula
24

Novos Seletores

FREE

Nesta videoaula abordaremos mais recursos inerentes às especificações da CSS3. Desta vez, vamos retomar o assunto seletor, dando maior ênfase aos novos recursos disponibilizados nesta nova versão.

Assistir aula
25

Introdução ao Animation

FREE

Nesta videoaula iniciaremos os nossos estudos englobando recursos de animação utilizando CSS3. Desta vez, começaremos a abordar a utilização da propriedade animation.

Assistir aula
26

Criando uma animação usando Animation

FREE

Nesta videoaula aprofundaremos os nossos estudos referentes ao uso de animations em nossos documentos CSS. Vamos aprender como criar animações mais bem elaboradas, ou seja, como dar movimento aos nossos objetos.

Assistir aula
27

Utilizando fontes personalizadas com Font Face

FREE

Nesta videoaula aprenderemos como contornar os problemas de limitações de fontes inerentes ao uso de versões anteriores da CSS.

Assistir aula
28

Transform 2D

FREE

Nesta videoaula vamos prosseguir estudando alguns efeitos e propriedades avançadas presentes nas especificações da CSS3.

Assistir aula
29

Transform 3D

FREE

Nesta videoaula vamos continuar tratando sobre a propriedade transform. Nesta etapa vamos aprender brevemente como utilizar os recursos de transform 3D.

Assistir aula
30

Background CSS3

FREE

Nesta videoaula vamos abordar algumas novas propriedades disponíveis para o atributo background, de acordo com as novas especificações disponíveis com a CSS3.

Assistir aula
31

Media Queries

FREE

Nesta videoaula vamos começar a aprender a utilização de media queries. As media queries são recursos que possibilitam ao desenvolvedor tem um certo controle sobre a forma de apresentação do conteúdo de acordo com a tela.

Assistir aula
Projeto Prático
32

Projeto prático e conceituação

FREE

Nesta videoaula daremos início ao desenvolvimento de nosso projeto prático.

Assistir aula
33

Estrutura básica da página inicial

FREE

Nesta videoaula daremos prosseguimento ao nosso projeto prático. Após realizados os estudos conceituais e organização do ambiente, vamos passar para a parte de codificação, onde iremos normalizar nosso CSS.

Assistir aula
34

Criando o menu principal

FREE

Nesta videoaula avançaremos com a criação de nosso layout utilizando CSS. Desta vez, vamos abordar algumas técnicas para criar o menu principal da aplicação.

Assistir aula
35

Finalização do menu usando transitions

FREE

Nesta videoaula Finalizaremos a área de menu de nosso projeto.

Assistir aula
36

Desenvolvimento do corpo da página

FREE

Nesta videoaula passaremos a trabalhar nas regiões de conteúdo da página, visto que já desenvolvemos a região de menu e ainda demarcamos a região pertinente ao slider de nosso site.

Assistir aula
37

Ícones da página inicial

FREE

Nesta videoaula daremos continuidade ao desenvolvimento de nosso projeto prático. Conforme layout que devemos seguir, está previsto que o corpo da página será composto por quatro colunas de ícones.

Assistir aula
38

Inserção de Slider

FREE

Nesta videoaula continuaremos com o desenvolvimento de nosso layout visando explorar os principais conceitos e aplicações relativos ao que vimos durante o curso.

Assistir aula
39

Criação de página interna

FREE

Nesta videoaula finalizaremos o nosso curso de CSS. Mas, para considerar o projeto finalizado, devemos criar uma página interna para o nosso projeto.

Assistir aula
Código Fonte

Fontes - Código fonte completo - Moderação

FREE

Neste post você encontrará o código fonte desenvolvido pela equipe de suporte DevMedia referente ao Curso de Introdução ao CSS.

Assistir aula

Sobre o autor

Jaison Dairon Ebertz Schmidt - DevMedia Space Jaison Dairon Ebertz Schmidt

Bacharel em Ciência da Computação pela Universidade de Passo Fundo. proprietário da Webb House. Trabalha a aproximadamente 14 anos com tecnologia Web. Site pessoal: www.jaison.com.br

Como adquirir este curso ?

Nosso objetivo é atender as suas necessidades de forma eficiente e econômica.

Com a assinatura DevMedia MVP você paga apenas R$ 69,90 por mês e tem acesso a todos os cursos - além de todos os canais de conteúdo!

Assine