31 de março de 2007

Seletores CSS

Olá, para continuar a matéria sobre CSS,vou explicar um pouco mais sobre seletores.

Seletor -> É o que estamos querendo estilizar. EX:Queremos que todos os Paragrafos estejam com a cor azul e com recuo de 30 px então o css vai ficar assim:




p {
color:blue;
text-indent:30px;
}


Nesse exemplo,o P (paragrafo) é o seletor.

Agrupando Seletores


Se você quer definir a mesma caracteristicas para mais de um seletor,pode agrupa-los.Você só deve utilizar virgulas para separar os seletores.EX:

p {
color:blue;
}


h1 {
color:blue;
}

ou...

p , h1 {
color:blue;
}


Utilizando o método de agrupamento você economiza algumas linhas de CSS.

Introdução a ID E CLASS

ID e CLASS servem para indentificar elementos,a diferença entre os dois é que id só pode ser usado uma vez e class pode ser utilizado varias vezes.

Colocando um ID e um CLASS

Para aplicar uma id e class em um elemento,ponha no documento (x)html id="nomedoid" ou class="nomedaclass"
e no documento css:

#nomedoid {
...
}

.nomedaclass {
...
}


Mais sobre seletores



0 comentários: