CSS classes

Publicado em 09 de Sep 2013.

Classes em CSS, as classes são seletores que  permite a você, você utilizar estilos em diversos elementos do xHTML.

Com as classes você pode utilizar em exceções sobrescrevendo as regras utilizadas nos arquivos externos.

Você pode utilizar as classes em vários elementos repetindo as. Para utilizar é muito simples, vamos utilizar o seguinte exemplo, vamos adicionar o estilo ao um paragrafo

p { 
  font-size: small; 
  color: #333333
}

Vamos aplicar ao seguinte texto:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ah mas eu quero alterar apenas um palavra do texto, simples. Na palavra que queremos alterar, vamos adicionar a tag <span> que veremos em outro artigo. veja o exemplo abaixo.

<p>Lorem ipsum dolor sit amet, <span class="textoverde">consectetuer</span> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

No arquivo externo css iremos criar a seguinte classe, textoverde, toda classe tem (.) para diferenciar de outros seletores.

.textoverde{ 
  font-size: small; 
  color: #008080;
  font-weight: bold;
}

 

O resulta você irá ver um texto com uma palavra verde e o resto do texto com a cor cinza.