Introdução ao CSS na prática

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.