Sintaxe
Css
Uma regra CSS
é uma declaração que segue uma sintaxe própria e que define como será aplicado
estilo a um ou mais elementos HTML. Um conjunto de regras CSS forma uma Folha
de Estilos. Uma regra CSS, na sua forma mais elementar, compõe-se de três
partes: um seletor, uma propriedade e um valor e tem a sintaxe conforme mostrado abaixo:
seletor { propriedade:
valor; }
Seletor: genericamente, é o elemento HTML identificado por sua tag, ou por uma classe, ou por uma ID, ou etc., e para o qual a regra será válida (por exemplo:
< p >,< h1 >, < form >, .minhaclasse,
etc...);Propriedade: é o atributo do elemento HTML ao qual será aplicada a regra (por exemplo: font, color, background, etc...).
Valor: é a característica específica a ser assumida pela propriedade (por exemplo: letra tipo arial, cor azul, fundo verde, etc...).
Na
sintaxe de uma regra CSS, escreve-se o seletor e a seguir a propriedade e valor
separados por dois pontos e entre chaves { }. Quando mais de uma propriedade
for definida na regra, deve-se usar ponto-e-vírgula para separá-las. O
ponto-e-vírgula é facultativo no caso de propriedade única e também após a
declaração da última propriedade quando houver mais de uma.
Exemplo:
p
{
font-size: 12px; }
body
{
color: #000;
background: #fff;
font-weight: bold;
}
Comentários no Código Css
/*
este é um comentário*/
p
{
font-size:
14px;
/* este é outro comentário*/
color: #000;
font-family: Arial, Serif;
}
Agrupamento de Seletores
Os seletores pode ser
agrupados e receberem o mesmo estilo.
Exemplo:
h1, h2, h3, h4, h5, h6
{
color: #0f0;
}
Nenhum comentário:
Postar um comentário