A Regra CSS E Sua Sintaxe
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 formam 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.
No entanto é de boa técnica usar-se sempre o ponto-e-vírgula após cada regra para uma propriedade.
Observe os exemplos a seguir que esclarecem a sintaxe da regra CSS. p { font-size: 12px; /* ponto-e-vírgula é facultativo */
}
body { color: #000; background: #fff; font-weight: bold; /*ponto-e-vírgula é facultativo */ }
No exemplo a seguir, o seletor é o "documento todo" (body - a página web), a propriedade é a cor do fundo do documento e o valor é a cor branca.
body { background-color: #fff; }
Se o valor for uma palavra composta, deverá estar entre aspas duplas " ", ou simples ': h3 { font-family: "Comic Sans MS"; }
Para maior legibilidade das folhas de estilo, é de boa prática usar linhas distintas para escrever cada uma das declarações — propriedade e seu