CSS: deixando seus sites mais bonitos

Transcript

1. CSS: deixando seus sites mais bonitos Guilherme Vieira @gitlherme
2. C S S Cascading Style Sheets Ou folhas de estilo em cascatas.
3. Porque o CSS foi criado? • Criado em 1996; • Páginas HTML foram feitas apenas para marcação, e não para formatar a página;
4. Pra que serve esse tal CSS? • Estilizar páginas; • Fazer animações; • Criar efeitos; • É a representação visual do seu site, a decoração dele.
5. Site sem CSS
6. Site com CSS
7. Beleza, e como eu começo a usar essa coisa aí?
8. Passos para começar a usar o CSS • Criar um arquivo com a extensão .css dentro do seu projeto. • Fazer o link entre o CSS e o HTML com a tag <link> <link rel=”stylesheet” href=”local do arquivo”>
9. Estrutura do CSS seletor { propriedade: valor; } seletor: tags do seu HTML, por exemplo. propriedade: o que será ajustado no seletor. valor: como esse seletor será ajustado.
10. Estrutura do CSS p { color: #FFF; } p: seleciona TODAS as tags <p>. color: diz que a cor do texto será mudada. #FFF: padrão hexadecimal para a cor branca. resumindo: todas as <p> ficarão com o texto da cor branca.
11. Vamos começar a brincar!