381527880132

CSS - — Cascading Style Sheets – FOLHA DE ESTILOS EM CASCATA

define o layout de documentos controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e muito mais.

VANTAGENS * controle do layout de vários documentos a partir de uma simples folha de estilos; * maior precisão no controle do layout; * aplicação de diferentes layouts para servir diferentes mídias (tela, impressora, etc.); * emprego de variadas, sofisticadas e avançadas técnicas de desenvolvimento.

ESTRUTURA BÁSICA
USANDO STYLE =

Exemplo

Esta é uma página com fundo vermelho

USANDO TAG STYLE E /STYLE

Exemplo

body {background-color: #FF0000;}

Esta é uma página com fundo vermelho

LINK PARA UM FOLHA DE ESTILOS (style.css)

Meu documento

...

Href indica o local e o nome onde se encontra a página que é o estilo de sua página. No exemplo style é o nome de uma pasta onde se encontra uma página de estilo com o nome de style.css

Toda página de estilo deve ter a extensão css

Comandos do CSS

body { background-color: cyan; background-image: url("borboleta.gif");
}
COR DE FUNDO DA PÁGINA body { background-color: cyan;
}

FIGURA DE FUNDO DA PÁGINA body { background-image: url("borboleta.gif");
}

Pode-se usar os dois comandos juntos.
O comando da imagem mostra o fundo com a imagem

MOSTRANDO SOMENTE UMA IMAGEM NO FUNDO

body { background-color: cyan; background-image: url("borboleta.gif"); background-repeat: no-repeat;
}

MOSTRANDO UMA LINHA COM IMAGEM NO FUNDO body { background-color: cyan; background-image: url("borboleta.gif"); Background-repeat: repeat-x;
}

MOSTRANDO UMA COLUNA COM IMAGEM DE FUNDO body { background-color: cyan; background-image: url("borboleta.gif"); Background-repeat: repeat-y;
}

IMAGEM DE FUNDO FIXA body { background-color: cyan;