Back
Você está aqui: Home 
Tutoriais HTML/CSS CSS Valores (CSS)
Tutoriais HTML/CSS CSS Valores (CSS)
CSS
Valores (CSS)
Os valores que são aplicados às propriedades têm uma sintaxe que depende da propriedade que os usa. Propriedades que envolvem tamanho (tamanho de fontes, espaçamento, etc.) geralmente recebem valores que consistem de um número e uma unidade ou porcentagem. O sinal de porcentagem ou unidade deve estar junto ao número correspondente sem espaços. Ou seja, deve-se escrever font-size: 24pt e não font-size: 24 pt. Cores e arquivos externos podem requerer uma função para serem definidos. São duas as funções (ou procedimentos) do CSS1: rgb(), que constrói uma cor, e url(), que retorna um vínculo para uma imagem ou arquivo CSS (usada em instruções @import).
Há quatro maneiras diferentes de especificar cores em CSS: usando o nome do sistema (red, yellow, blue, black, lightGray), usando seu código RGB hexadecimal (ff0000, ffff00, 0000ff, 34adfc, 80a7a7) ou usando a função rgb(). A função rgb() requer três argumentos que representam a intensidade dos componentes vermelho (R), verde (G) e azul (B) de uma cor em forma de luz (não opaca). A intensidade pode ser expressa em valores inteiros de 0 (mínimo) a 255 (máximo) ou em valores fracionários de 0% a 100%. As instruções abaixo definem a mesma cor para um parágrafo:
p {
color: red;
}
p {
color: ff0000;
}
p {
color: rgb(100%, 0%, 0%);
}
}
p {
color: rgb(255, 0, 0);
}
Não deve haver espaço entre o "b" de rgb e o abre-parênteses.
A função URL pode ser usada em propriedades que requerem arquivos (no caso, ima-gens) como valores. Ela recebe um argumento apenas com a URL (relativa ou absoluta) da imagem:
p {
background-image: url('/../imagens/tijolos.gif');
}
p {
background-image: url(http://longe.com/imagens/pedras.png);
}
}
