Tutorial de CSS – gratuito

 

Quer aprender CSS?

O site HTML.NET oferece um Tutorial de CSS traduzido para o Português, que vem dividido em lições e exemplos bastante didáticos.

Confira abaixo o índice do tutorial:

• Introdução
  Uma breve introdução ao tutorial e o que você aprenderá.

• Lição 1: O que é CSS?
  O aparecimento das CSS, vantagens do seu uso para layout em relação ao HTML.

• Lição 2: Como funciona CSS?
  A sintaxe básica das CSS e a construção da sua primeira folha de estilos.
• Lição 3: Cores e fundos
  Como aplicar cores de primeiro plano e de fundo no seu website e o uso de imagens de fundo.
• Lição 4: Fontes
  O que são fontes e como aplicá-las com uso de CSS.
• Lição 5: Textos
  Aplicação das CSS para layout e apresentação de texto.
• Lição 6: Links
  Adicionando interessantes efeitos em links e trabalhando com pseudo-classes.
• Lição 7: Identificando e agrupando elementos (class e id)
  Usando class e id para aplicar estilos a determinados elementos.
• Lição 8: Agrupando elementos (span e div)
  O uso dos elementos HTML span e div e sua vital importância para CSS.
• Lição 9: O box model
  O box model em CSS descreve como são gerados os boxes para os elementos HTML.
• Lição 10: O box model – margem e padding
  Mudando a apresentação de elementos através das propriedades margin e padding.
• Lição 11: O box model – bordas
  Aprenda as infinitas opções de estilização com uso de bordas.
• Lição 12: O Box model – altura e largura
  Aprenda a definir altura e largura para os elementos HTML.
• Lição 13: Flutuando elementos (floats)
  Uso da propriedade float para ‘flutuar’ um elemento à esquerda ou à direita.
• Lição 14: Posicionando elementos
  Colocando um elemento em um lugar qualquer da página com posicionamento CSS.
• Lição 15: Usando z-index (Layers)
  O uso de layers para sobrepor elementos.
• Lição 16: Web-standards e validação
  A última lição trata das W3C-standards e como verificar suas CSS.

Caça-Links indica: HTML.NET