Esse artigo faz parte da revista Clube Delphi Edição 93. Clique aqui para ler todos os artigos desta edição

cm 0cm 0pt; TEXT-ALIGN: left" align=left> 

Como podemos ver, a principal utilidade do CSS é separar layout (parte visual) da programação em si. Desta forma podemos ter um código mais simples e menos confuso. Além disso, podemos facilmente padronizar toda a parte visual de nosso site vinculando-o a um arquivo externo. Em uma eventual mudança de layout, tal como troca de fonte, cores, estilo de texto, bastando alterar o código CSS contido no arquivo externo e reenviá-lo ao site.

Há ainda aqueles que utilizam o CSS para criar propagandas para o website no estilo pop-up, porém sem a possibilidade de ser bloqueada por bloqueadores de pop-up presente na maioria dos Browsers hoje em dia.

A sintaxe do CSS

O CSS nada mais é um conjunto de regras previstas em um arquivo texto com a extensão .css. O arquivo pode ser digitado em qualquer editor de textos, incluindo o Bloco de Notas do Windows. Veja um exemplo de CSS na Listagem 1.

 

Listagem 1. Exemplo de código CSS

.data{

        font-family: Trebuchet MS;

        text-align: right;

        color: #FF0000;

        font-size: 11px;

        background-color: #fff;

}

.titulos{

        font-family: Trebuchet MS;

        text-align: center;

        color: #fff;

        font-size: 20px;

        background-color: #AE5700;

}

 

.botoes{

        color: #fff;

        font-size: 11px;

        font-family: Trebuchet MS;

        ...

Quer ler esse conteúdo completo? Tenha acesso completo