Assim como o Tutorial Iniciante de HTML, o Tutorial Iniciante de CSS assume que você conhece CSS tanto quanto você conhece os efeitos cumulativos das mudanças da maré no organismo das esponjas marinhas (ou seja, absolutamente nada). O objetivo desse guia é te ensinar apenas o básico – o que você precisa pra seguir em frente. O Tutorial Intermediário de CSS e o Tutorial Avançado de CSS se aprofundam mais.
CSS, ou Folhas de Estilo Encadeadas, são um modo de formatar visualmente HTML. Enquanto HTML é o conteúdo, as folhas de estilo são a apresentação do documento. Se você ainda não leu esse artigo sobre desenvolvimento web em camadas, recomento que você leia agora.
Estilos não parecem em nada com HTML. Eles tem um formato “propriedade: valor” e a maioria das propriedades pode ser aplicada à maioria dos elementos HTML.
Conteúdo
- Aplicando CSS – Os diferentes modos de aplicar CSS ao HTML.
- Seletores, Propriedades e Valores – Os bits que fazem o CSS.
- Cores – Como usar cor.
- Texto – Como manipular o tamanho e a forma do texto.
- Margens e Espaçamento (Padding) – Como espaçar as coisas.
- Bordas – Erm. Bordas. Coisas ao redor de outras coisas.
- Juntando Tudo – Jogando todos esses ingredientes num pote de pimenta.
- Exercícios – Pra você não esquecer o CSS tão cedo.
Páginas Relacionadas
- Próxima Página: Aplicando CSS
- Página Anterior: Exercícios (Tutorial Iniciante de HTML)
- Tutorial Iniciante de HTML
- Tutorial Intermediário de CSS
Esse material é uma adaptação do CSS Beginner Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.







[...] Em ritmo de um post por capítulo, na segunda quinzena de fevereiro ele traduziu o Tutorial Iniciante de HTML. E no início de março já veio todo o Tutorial Iniciante de CSS. [...]
Elomar, parabéns pela iniciativa e pelo trabalho excelentes!
Neste artigo inicial do tutorial iniciante CSS, agora que você completou a tradução do tutorial, vejo que falta só atualizar os links do índice (e faltou incluir o tópico dos Exercícios):
Cores – Como usar cor.
http://codando.wordpress.com/2008/03/05/tutorial-iniciante-de-css-cores/
Texto – Como manipular o tamanho e a forma do texto.
http://codando.wordpress.com/2008/03/06/tutorial-iniciante-de-css-texto/
Margens e Padding – Como espaçar as coisas.
http://codando.wordpress.com/2008/03/07/tutorial-iniciante-de-css-margens-e-espaamento/
Bordas
http://codando.wordpress.com/2008/03/07/tutorial-iniciante-de-css-bordas/
Juntando Tudo
http://codando.wordpress.com/2008/03/07/tutorial-iniciante-de-css-juntando-tudo/
Exercícios
http://codando.wordpress.com/2008/03/07/tutorial-iniciante-de-css-exerccios/
Marcio,
Obrigado pelo apoio e pela correção. Já atualizei os links. Espero que você esteja por aqui pra ver os próximos guias sendo traduzidos.
[...] você viu no começo desse curso e nesse texto que foi indicado, html é pra conteúdo e CSS é pra [...]
[...] Tutorial Iniciante de CSS – Traduzido em março 2008 – Original: CSS Beginner Tutorial [...]
Como fazer cores degradê???
Opa beleza gostaria de aprender a fazer cores em cascata, ou degradê!!
[...] No Tutorial Iniciante de CSS nós analisamos apenas os Seletores HTML – aqueles que representam uma tag HTML. [...]