Tutorial de CSS – gratuito

 

Tutorial de CSS
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.

lupa1.jpgCaça-Links indica: HTML.NET

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: