Primeiros passos com CSS

Esta tradução está incompleta. Ajude a traduzir este artigo em inglês

CSS ( Planilha em estilo cascata) é usada para estilizar e arranjar paginas web — por exemplo, para alterar a fonte, cor, tamanho e espaçamento do seu conteúdo, separá-lo em multiplas colunas, ou então adicionar animações e outras implementações decorativas. Esse módulo provê um começo sutil para seu caminho pelo domínio do CSS com o báscio de como ele funciona, como a sintaxe se parece e como você pode começar usando-o para estilazar seu HTML.

Pré-requisitos

Antes de iniciar este módulo, você deve ter:

  1. Familiaridade basica com o uso de computadores e utilizando a internet passicamente (i.e. vendo e consumindo o conteúdo.)
  2. Um ambiente de trabalho básico configurado conforme detalhado em Instalando Software Básico e um entendimento de como criar e gerenciar arquivos, conforme detalhado em Lidando com Arquivos.
  3. Familiaridade básica com HTML, como discutido no módulo Introdução ao HTML.

Nota: Se você está trabalhando em um computador/tablet/ou outro dispostivo onde você não tem habilidade para criar seus próprios arquivos, poderá tentar (a maioria dos) os exemplos de códigos em um programa de codificação online como JSBin ou Thimble.

Guias

Este módulo contém os seguintes artigos, que o guiarão por toda a teoria básica do CSS e fornecerão oportunidades para você testar algumas habilidades.

O que é CSS?
CSS (Cascading Style Sheets) permite que você crie, com boa aparência, páginas web. Mas como isso funciona? Este artigo explica o que é CSS, com um exemplo simples de sintaxe, e também cobre alguns termos importantes sobre a linguagem.
Iniciando com CSS
Neste artigo, pegaremos um documento HTML simples e aplicaremos CSS, aprendendo algumas coisas práticas sobre a linguagem ao longo do caminho.
Como CSS é estruturado
Agora que você tem uma idéia sobre o que é CSS e o básico sobre como usá-lo, é hora de analisar um pouco mais a fundo a estrutura da própria linguagem. Já conhecemos muitos dos conceitos discutidos aqui; você pode retornar a este para recapitular se achar confusos os conceitos posteriores.
Como CSS trabalha
Aprendemos o básico do CSS, para que serve e como escrever folhas de estilo simples. Neste exercício, veremos como um navegador utiliza CSS e HTML, e o transforma em uma página da web.
Usando seu novo conhecimento
Com o que aprendeu nos últimos exercícios, você já deve estar achando que pode formatar simples documentos de textos usando CSS, para adicionar seu próprio estilo neles. Este artigo te dará a chance de fazê-lo.

Veja também

Conhecimento Intermerdiário da Web 1: Introdução ao CSS
Um excelente curso básico da Mozilla que explora e testa muitas das habilidades mencionadas no módulo Introdução ao CSS. Aprenda sobre o estilo de elementos HTML em uma página web, seletores de CSS, atributos e valores.