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.

Tecnologias:

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

CSS: da Sintaxe ao Flexbox

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

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