Série da semana: Receitas caseiras para teste unitário

Veja mais
Cursos Front-End Introdução ao CSS na prática
Marcar como favorito (36) Ver projeto e código

curso Introdução ao CSS na prática

CSS forma, juntamente com HTML e JavaScript, os fundamentos da programação web. Com ele descrevemos para o navegador como uma página deve ser apresentada para o usuário. Neste contexto, o CSS coloca à nossa disposição um vasto conjunto de propriedades capazes de alterar as características visuais dos elementos em um documento HTML. Cada uma dessas propriedades possui um conjunto aplicável de valores, o que torna o CSS uma linguagem de declaração de estilos rica e poderosa. Neste curso veremos ... Ver mais como utilizar essas propriedades para estilizar uma página na prática, enquanto conhecemos os rudimentos desta linguagem.

Precisa saber mais sobre esse tema antes de iniciar o curso?
Consulte o Guia abaixo:

Assine e tenha acesso completo Carga Horária No Certificado - 17H

Curso de CSS

Aula 1 - mvp

Introdução

Aqui você aprenderá a linguagem CSS de forma prática, enquanto estiliza uma página CSS. Como cenário para isso, utilizamos o hot site de uma pizzaria, cuja construção você acompanhou no curso de Introdução ao HTML.
mvp
Aula 2 - mvp

Preparando o ambiente

Para apresentar o CSS, optamos por partir de um HTML pronto, o que nos permitirá voltar nossas atenções para o desenvolvimento do estilo da página. Nesta aula, para dar início ao curso, apresentamos como obter esse código e abri-lo no editor Sublime.
mvp
Aula 3 - mvp

Como funciona o CSS

Veremos agora como o CSS, que é escrito em um arquivo de texto separado daquele que contém o HTML que estrutura o conteúdo da página, é lido pelo navegador e como as características de cada elemento na página são alteradas pelas informações.
mvp
Aula 4 - mvp

Sintaxe

A partir daqui passaremos a escrever código CSS. Assim como qualquer outra linguagem, por exemplo o português, o CSS possui uma gramática, ou sintaxe, que determina como o código deve ser escrito para ser corretamente interpretado pelo navegador.
mvp
Aula 5 - mvp

Seletores

Em uma regra CSS, é o seletor quem determina a qual elemento o estilo declarado será aplicado. Quando desejamos atribuir esse estilo a um único elemento, podemos utilizar o seletor de Id, o qual aprendemos a utilizar nesta aula.
mvp
Aula 6 - mvp

Trabalhando com listas

Nesta aula analisaremos as primeiras características da página que vamos estilizar até o final deste curso. Começaremos pelos elementos contidos no topo da página, dentre os quais podemos destacar a listagem de links como apropriada para iniciarmos.
mvp
Aula 7 - mvp

Float

Float é uma propriedade importante utilizada para construir o layout de páginas web. Veremos nesta aula como trabalhar com ela, enquanto terminamos de estilizar a navegação do banner.
mvp
Aula 8 - mvp

Box model

Cada elemento em uma página web é representado uma caixa retangular que contém uma margem, preenchimento, conteúdo e borda. Essas características, que entenderemos melhor nesta aula, fazem parte do box model, fundamental para a criação de layouts.
mvp
Aula 9 - mvp

Font

O CSS nos permite escolher qual fonte será aplicada a um texto, seu tamanho, dentre outras características que conheceremos em detalhes neste vídeo.
mvp
Aula 10 - mvp

Alinhamento de texto

O texto é alinhado por padrão a esquerda, visto que em nosso idioma é desta posição que iniciamos a leitura. Algumas vezes, entretanto, desejamos que ele seja centralizado ou movido para a direita. Veremos como fazer isso nesta aula.
mvp
Aula 11 - mvp

Tabelas

Tabelas são uma forma muito comum de apresentar dados de forma organizada em uma página. Com o CSS podemos definir o estilo do elemento table e veremos como fazer isso nesta aula.
mvp
Aula 12 - mvp

Trabalhando com TR e TD

O CSS nos permite definir um estilo para os componentes de uma tabela, a exemplo dos elementos td, tr e th. Veremos como fazer isso neste vídeo.
mvp
Aula 13 - mvp

Centralizando imagens

O navegador atribui um estilo padrão a alguns elementos. Em certas ocasiões, precisamos remover esse estilo para chegar ao efeito desejado. Nesta aula centralizamos a imagem do rodapé da página e solucionamos esse problema na prática.
mvp
Aula 14 - mvp

Margin e padding

Nesta aula veremos como aplicar os conhecimentos adquiridos ao estudar o box model, apresentado anteriormente e que determina os fundamentos para a construção de layouts em páginas web.
mvp
Aula 15 - mvp

Background

Para alterar o estilo, mais precisamente aquele no segundo plano de um elemento, podemos utilizar a propriedade background. Atualmente é muito comum utilizarmos imagens como plano de fundo, o que veremos nesta aula.
mvp
Aula 16 - mvp

Aplicando sombra ao texto

A propriedade text-shadow é utilizada principalmente para facilitar a leitura do texto, mas também pode criar efeitos visuais elaborados. Nesta aula veremos como trabalhar com essa propriedade.
mvp

Autor do curso

Estevão Dias
Estevão Dias

Mais Cursos DevMedia

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Avaliação do curso

Acesse todos os nossos cursos sendo um assinante mvp

Benefícios MVP
  • Guias de Carreira
  • Suporte em tempo real
  • Assista o conteúdo offline
  • Emissão de certificado
  • #JOBS - Diversas vagas de emprego
  • Web-currículo
SEJA MVP
R$ 69,90 /mês *Tempo mínimo de assinatura: 12 meses.
Assine agora e tenha acesso ao curso
15 anos de treinamento online
700 mil cadastros
200 mil fãs no facebook
100 mil certificados emitidos