CSS - RicardoHorta.Net - www.ricardohorta.net

Início.

Ao decidir criar o meu site, procurei na Internet informações sobre ferramentas para desenvolvê-lo. Confesso que a 1a. vez que li sobre Cascading Style Sheets não fiquei impressionado.
Por isto, não a utilizei logo no início. Style Sheets era para mim, naquela época, mais um modismo que tomava conta da Internet. Eu achava que passado o momento de euforia ( em se tratando de Internet tudo é euforia ), ela cairia no esquecimento.
Mas eu estava errado. CSS é uma mão na roda para quem trabalha com desenvolvimento de páginas Web. Você pode centralizar a formatação ( fonte, tamanho, cor da letra, cor do fundo, disposição do texto, etc. ) das suas páginas num documento apenas, facilitando qualquer alteração.
Em todo o meu site, eu utilizo a seguinte formatação para os títulos ou parágrafos que eu quero salientar:

Esta formatação está presente em todas as páginas dos tutoriais. Eu a utilizo para ressaltar um parágrafo ou título, produzindo o resultado abaixo.

É aí que entra o conceito de style sheets ou se preferir, folhas de estilo ( mas, por favor, tenha um pouco de paciência comigo, pois vou utilizar a expressão em inglês. Folhas de estilo é de amargar... ).
Imagine quantas páginas tem este site. Imagine, pois, nem eu mesmo sei. E a cada mês crio mais ou menos 60 páginas.
Se eu decidisse alterar a formatação daqueles títulos, provavelmente, gastaria uma semana para fazê-lo ( tá bom, daria um descanso para a geladeira e para o meu peso ). Mas, não é uma maneira sensata de trabalhar.
Agora, imagine você dando um duro danado no site da sua empresa, trabalhando direto, quando num belo dia ( será que é belo ? ) o seu chefe ( gordo ! ) aparece na sua sala com aquela cara de felicidade ( você não sabe o porquê ) e lhe pede para fazer umas pequenas alterações: tipo ou cor da letra, alinhamento dos parágrafos, distância entre as linhas, etc., etc. em todas as páginas do site.
Utilizando o mecanismo de style sheets, todas estas alterações serão feitas numa velocidade capaz de impressionar o seu chefe. Aí, mais uma vez, ele vai lhe falar sobre aquele aumento, que você tanto precisa, que lhe foi prometido pela 1a. vez quando ele estava uns 20 quilos mais magro ( talvez esta seja a sua vingança. Não converse com ele em termos de horas, minutos mas: daqui a 2 kilos tudo fica pronto, faço isto rapidamente em 500 gramas.... ).

Centralizando a formatação.

Cascading style sheets centraliza a formatação em 1 arquivo com extensão .css. As alterações nele efetuadas irão abranger todas a páginas.
No meu caso, eu criei um arquivo chamado mysheet.css. Nele, defini uma classe ( você aprenderá isto mais a frente ) com o nome de "titulo". Veja, lá está: p.titulo {font: bold 12pt Arial; color:"#000080"}

Você pode utilizar o conceito de classes para criar variações de formatação para tags do HTML. Neste caso, eu criei uma variação para a tag <p>...</p>, utilizada para parágrafos.
Para inserir parágrafos com aquela formatação, definida por mim, basta eu digitar no documento HTML:

<p class="titulo">O texto</p>. E pronto.

E se você quiser alterar a cor dos títulos ?

Ah,... Eu abro o arquivo mysheet.css e altero a propriedade color do parágrafo.
Esta simples alteração será efetuada em todas as páginas do meu site.
Veja. Vou alterar a cor de p.titulo para vermelha. Então, a sintaxe ficará assim:

p.titulo {font: bold 12pt Arial; color:"#FF0000"}

E as alteração nas páginas serão feitas rapidamente. Por que ? Ora, porque a definição da formatação está toda centralizada.
Se forem criados 5000 parágrafos com esta formatação, serão feitas 5000 alterações.

Você observou que os links utilizados nos menus lá em cima não estão sublinhados ? Todos eles são controlados por uma linha no arquivo mysheet.css:

A.link {color:black; text-decoration:none}.

Se eu quiser alterar a formatação dos links, irei alterar apenas esta linha.
Style sheets pode ser definida como uma coleção de propriedades que controlam a aparência dos elementos ( tags ) HTML numa página.
Portanto, se você precisa alterar a formatação dos títulos, parágrafos, página por página, tá na hora de dar uma parada nesta correria toda e estudar Cascading Style Sheets.
Conte comigo.

Parcerias RicardoHorta.Net

RicardoHorta.Net