Folhas de Estilo – CSS

Uma Folha de Estilo ou “Style Sheet”, funciona basicamente como um “template”, ou seja, um modelo que controla a formatação dos elementos HTML de uma página.

Alterando a formatação atribuida a uma tag HTML, através da definição de folhas de estilo, que se sobrepõe à formatação por default (padrão) utilizada pelo browser (navegador) para essa tag, é possível modificar toda a aparência de um conjunto de páginas HTML, ou seja, é possivel modificar todo um “web site” recorrendo ás Folhas de Estilo.

Do ponto de vista dos autores de páginas HTML, esta potencialidade oferece, desde logo, algumas vantagens:

  • A possibilidade de aplicar formatações extra.
  • Um controle superior da aparência das páginas.
  • A personalização rápida de um “Web site” como um todo, pois é possivel modificar a aparência de todo um site sem a necessidade de editar as páginas HTML. 

Paralelamente, a utilização de Folhas de Estilo permite, entre outras coisas:

  • Definir margens e especificar tamanhos de letra e cores de fundo para o texto.
  • Deixar de utilizar truques para conseguir realizar tarefas relativamente simples como definir as margens de um parágrafo.
  • Modificar a aparência de uma só página ou de todo um site sem, para isso, ter de alterar vários elementos HTML em cada página.
  • Utilizar classes para definir variações de cada um dos estilos de formatação definidos.

No entanto as Folhas de Estilo sofrem do problema da compatibilidade entre browsers, tal como sempre existiu para o HTML “normal”, ou seja, é necessário testes em diversos navegadores para termos certeza de que tudo está de acordo com o planejado.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s