terça-feira, 21 de fevereiro de 2012

Sintaxe Css


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