trabalho

tutorial CSS
Primeiros passos com HTML + CSS
Links locais1. O HTML
2. As cores
3. As fontes
4. O menu de navegação
5. Estilizando os links
6. Uma linha horizontal
7. CSS externo
Leitura complementar
Este breve tutorial destina-se àqueles que ainda não escreveram sua primeira folha de estilos e desejam começar a projetar com CSS.

Aqui você não encontrará explicações avançadas sobre CSS. Este tutoriaI explica como criar um arquivo HTML, um arquivo CSS e como integrá-los de maneira a que funcionem juntos. Após estas noções básicas você poderá ler outros tutoriais e então incrementar os arquivos HTML e CSS aqui criados. Ou ainda, poderá passar a usar um editor adequado para HTML ou CSS, que vai auxiliá-lo a construir sites mais complexos.

Abaixo uma visão da página web que construiremos ao longo deste tutorial:

A página web pronta, com seu layout e cores definidas por CSS.

Reconheço que não se trata de uma bela página. ☺

Adotei como convenção ao longo do tutorial um sinal de "perigo" como este ao lado esquerdo e uma fonte menor, para indicar um texto opcional contendo uma explicação extra sobre os códigos HTML e CSS do exemplo. O sinal de "perigo" indica um texto contendo técnicas mais avançadas.

Passo 1: Escrevendo o HTML
Para acompanhar os passos deste tutorial sugiro que você use a mais simples das ferramentas disponíveis isto é, o Notepad (Windows), TextEdit ( Mac) ou KEdit (KDE) pois servirão perfeitamente aos nossos propósitos. Depois que você tiver dominado os fundamentos básicos, talvez queira utilizar ferramentas mais avançadas ou mesmo programas comerciais tais como, Style Master, Dreamweaver ou GoLive. Mas, para seus primeiros passos com CSS não será interessante utilizar-se de ferramentas com recursos mais sofisticados e avançados sobre os quais você não tenha total conhecimento e domínio.

Não use processadores de textos tais como Microsoft Word ou OpenOffice. Eles geram arquivos que os web browsers não