Curso de CSS/O que é CSS: diferenças entre revisões
| [edição não verificada] | [edição não verificada] |
Conteúdo apagado Conteúdo adicionado
Linha 15:
a editar...
===Sintaxe===
O CSS tem uma sintaxe simples e utiliza uma série de palavras em inglês para especificar os nomes de diferentes estilos de propriedade de uma página.
Uma folha de estilo consiste de uma lista de regras. Cada regra ou conjunto de regras consiste de um ou mais seletores e um bloco de declaração. Uma declaração de bloco é composta por uma lista de declarações entre chaves. Cada declaração em si é uma ''propriedade'', dois pontos (<code>:</code>), um ''valor'', então um ponto e vírgula (<code>;</code>).
Em CSS, ''seletores'' são usados para declarar a quais elementos de marcação um estilo se aplica, uma espécie de expressão correspondente. Os seletores podem ser aplicados a todos os elementos de um tipo específico, ou apenas aqueles elementos que correspondam a um determinado atributo; elementos podem ser combinados, dependendo de como eles são colocados em relação uns aos outros no código de marcação, ou como eles estão aninhados dentro do objeto de documento modelo.
Pseudo-classe é outra forma de especificação usada em CSS para identificar os elementos de marcação, e, em alguns casos, ações específicas de usuário para o qual um bloco de declaração especial se aplica. Um exemplo freqüentemente utilizada é o <code>:hover</code> pseudo-classe que se aplica um estilo apenas quando o usuário 'aponta para' o elemento visível, normalmente, mantendo o cursor do mouse sobre ele. Isto é anexado a um seletor como em <code>a:hover</code> ou <code>#elementid:hover</code>. Outras pseudo-classes e ''pseudo-elementos'' são, por exemplo, <code>:first-line</code>, <code>:visited</code> or <code>:before</code>. Uma pseudo-classe especial é <code>:lang(c)</code>, "c".
Uma pseudo-classe seleciona elementos inteiros, tais como :link ou :visited, considerando que um pseudo-elemento faz uma seleção que pode ser constituída por elementos parciais, tais como :first-line ou :first-letter.
Seletores podem ser combinados de outras formas também, especialmente em CSS 2.1, para alcançar uma maior especificidade e flexibilidade.
Aqui está um exemplo que resume as regras acima:
selector [, selector2, ...][:pseudo-class] {
property: value;
[property2: value2;
...]
}
/* comment */
tar...
====Comentários e atribuição de código CSS na página HTML====
====Seletores====
| |||