16 maio 2004

CSS

CSS ("Cascading Style Sheets" ou "Folhas de Estilos em Cascata" Português).

Esta linguagem, muito poderosa, permite formatar apenas uma determinada tag, toda uma página ou todo um site.

Se aplicada dentro de uma tag, apenas essa tag será afectada, e a sintaxe é a seguinte. Por exemplo a cor do texto.

<li style="color : #000000;">Texto</li>


Para se aplicar a toda a página, utiliza-se da seguinte forma.

Dentro da tag <head></head> escreve-se o seguinte.


<style type="text/css">

li{color : #000000;}

</style>


Todo o texto dentro da tag <li></li> passará a ser da cor "#000000" (preto).


Por class


<style type="text/css">

.textoPreto{ color : #000000;}

</style>


Repare no ponto antes do nome atribuido ao estilo.

Depois na tag que se pretende formatar desta forma escreve-se o seguinte.


<li class="textoPreto">texto</li>


A partir daqui todas as tag's com o atributo class="textoPreto", passarão a ter o texto preto, ou seja se imaginar-mos que basta alterar um simples número hexadecimal, para alterar toda a página, dá para entender o poder desta linguagem.


Por Id


<style type="text/css">

#textoBranco{ color : #FFFFFF;}

</style>


Repare no cardinal antes do nome atribuido ao id.

Depois na tag que se pretende formatar desta forma escreve-se o seguinte.


<li id="textoBranco">texto</li>


A partir daqui todas as tag's com o atributo id="textoBranco", passarão a ter o texto branco.


Existe uma terceira forma de utilizar a Linguagem CSS, que consiste em utilizar um ficheiro externo à página, mas não nos interessa muito neste caso porque é muito pouco utilizado nos blog's e não é utilizado nos templates do blogger.


Agora caso queira mudar as cores ao seu blog, experimente alterar os números hexadecimais (#XXXXXX), que encontra dentro da tag <style></style>.


Atenção: faça as experiências utilizando sempre o comando preview, na área de edição do blooger, só no final, no caso de gostar das alterações, é que deve clicar em Save Template Changes e republicar todo o blog.


Em baixo encontra uma tabela com os códigos hexadecimais das cores mais utilizadas.