ReferenciaCSS

Prof. Alcides / Profa. Ana Paula

Referência CSS 2.0
 Unidades de medida
Unidade
% in cm mm em ex pt pc px

DESCRIÇÃO
Porcentagem
Polegadas
Centímetros
Milímetros
1em corresponde ao tamanho da fonte atual, 2em a duas vezes este tamanho e assim por diante
1ex corresponde a 1 vez a altura da fonte atual, 2ex a duas vezes está altura e assim por diante
Ponto (é o mesmo que 1/72 polegadas)
Pica (é o mesmo que 12 pontos)
Pixel (corresponde a uma unidade (um ponto) de tela do computador)

 Cores
Unidade
Nome da cor rgb(x,y,z) rgb(x%,y%,z%)
#rrggbb

DESCRIÇÃO
Um nome válido de cor. Ex: yellow
Um valor RGB. Ex: rgb(255,255,0)
Um valor RGB definido em porcentagem. Ex: rgb(100%,100%,0%)
Um valor hexadecimal. Ex:#FFFF00

Prof. Alcides / Profa. Ana Paula

 Atributos para formatação do fundo do elemento background Define a aparência de fundo do elemento no qual está sendo configurado. Ele permite configurar uma ou mais propriedades, que devem ser separadas com espaço. EXEMPLO: background: #00ff00 url(imagens/BLOSSOMS.GIF) no-repeat fixed center;

JAVASCRIPT: elemento.style.background="white url(imagens/BLOSSOMS.GIF) repeat-y"

PROPRIEDADES: color Define uma cor de fundo.
Ex:
background: #99FF00;

VALORES:
VALOR
Nome da cor
Número hexadecimal
Número RGB
Transparente

DESCRIÇÃO
Coloca a cor pelo nome. Ex: blue
Coloca a cor pelo valor hexadecimal. Ex: #0000FF
Coloca a cor pelo código RGB. Ex: rgb(0,0,255)
Não coloca nenhum fundo. É o valor padrão

image (url)
Define uma imagem de fundo.
Ex:

background: url(imagens/CARDBRD.GIF);

VALORES:
VALOR
url(‘arquivo’) none DESCRIÇÃO
Insere a imagem indicada pelo arquivo.
Não coloca nenhuma imagem. É o valor padrão.

position
Define em que posição a imagem de fundo aparecerá.
Ex:

background: url(imagens/COCTAIL1.GIF) center no-repeat;

Prof. Alcides / Profa. Ana Paula

VALORES:
VALOR
bottom left bottom right bottom center center left center right center center top left top right top center x% y% xpos ypos

DESCRIÇÃO
Alinha a imagem