Layout de paginas

CSS

CSS – Cascading Style Sheets ou Folhas de Estilo em Cascata

Linguagem declarativa simples para especificar o estilo a ser aplicado a documentos HTML e XML.

Objetivos: ✓ Configurar fontes e fundos de páginas; ✓ Define layout do site, substituindo as tradicionais tabelas HTML.

Principal vantagem: todo layout fica num arquivo separado.

Conceito: é um arquivo em texto puro com extensão .CSS.

Em inglês (style sheets) são formatações de textos e cores que o programador HTML pode definir para serem aplicadas em um conjunto de elementos.

Sintaxe: seletor { propriedade1: valor; propriedade2: valor ...}

seletor: descreve o elemento ao qual o estilo será aplicado. Elemento é a própria tag HTML, mas sem os sinais de maior e menor “”. propriedade: refere-se ao tipo do estilo que você irá usar. Por exemplo, para aplicar um estilo no tamanho da fonte você utilizará a propriedade font-size. valor: é a configuração aplicada à propriedade. Por exemplo, você pode utilizar para tamanho da fonte 20pt(20 pontos), ou para a cor red. propriedade:valor – é a forma completa de declarar a propriedade do estilo.

Artigo (seletor) {display:block; | margin-top:14pt; | (declaração) font-size:12pt} |

Uma folha de estilo compreende um conjunto de regras. Cada regra tem um seletor, (o nome do elemento ao qual a regra será aplicada), bem como uma lista de estilos a serem aplicados ‘as instâncias do elemento considerado.

O seletor pode ser: • um elemento HTML • um seletor de classe • um seletor ID • um seletor contextual

Obs 1): Podendo declarar diversas propriedades, basta separá-las por ponto-e-vírgula(;). Ex: p{ font-family: verdana; color: red } Usando este exemplo seu texto aparecerá vermelho com fonte Verdana.

Obs 2): Quebras de linha e espaços em branco são