Estilos CSS

CSS em pequenas partes da página

Para definir estilos em seções reduzidas de uma página se utiliza a etiqueta <SPAN>. Com seu atributo style indicamos em sintaxe CSS as características de estilos. Vemos com um exemplo, colocaremos um parágrafo onde vamos visualizar determinadas palavras na cor verde.

Que tem como resultado:

<p>
Isto é um parágrafo com várias palavras <SPAN style=”color:green”>de cor verde</SPAN>. é muito fácil.
</p>

Isto é um parágrafo com várias palavras de cor verde. É muito fácil.

Estilo definido para uma etiqueta

Deste modo podemos fazer com que toda uma etiqueta mostre um estilo determinado. Por exemplo, podemos definir um parágrafo inteiro de cor vermelha e outro de cor azul. Para isso, utilizamos o atributo style, que é admitido por todas as etiquetas do HTML (sempre e quando dispormos de um navegador compatível com CSS).

<p style=”color:#990000″>
Isto é um parágrafo de cor vermelha.
</p>
<p style=”color:#000099″>
Isto é um parágrafo de cor azul.
</p>

Que tem como resultado:

Isto é um parágrafo de cor vermelha.

Isto é um parágrafo de cor azul.

Estilo definido em uma parte da página

Com a etiqueta <DIV> podemos definir seções de uma página e aplicar estilos com o atributo style, ou seja, podemos definir estilos de uma só vez a todo um bloco da página.

<div style=”color:#000099; font-weight:bold”>
<h3>Estas etiquetas vão em <i>azul e negrito</i></h3>
<p>
Continuamos dentro do DIV, por isso permanecem os estilos.
</p>
</div>

Que tem como resultado:

Estas etiquetas vão em azul e negrito

Continuamos dentro do DIV, por isso permanecem os estilos.

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.