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;

}