Uma folha de estilos é um conjunto de regras que informa a um programa, responsável pela formatação de um documento, como organizar a página, como posicionar e expor o texto e, dependendo de onde é aplicada, como organizar uma coleção de documentos.
A maior parte dos programas de editoração eletrônica e processadores de texto modernos trabalham com folhas de estilos.
O processo consiste em definir um rótulo (nome do estilo) para um determinado parágrafo e em seguida alterar os seus atributos. Todo parágrafo que for rotulado com aquele estilo passará a exibir as características definidas anteriormente. Qualquer alteração nos atributos de um estilo afetará todos os parágrafos que estiverem rotulados com ele.
Esta descrição que se aplica a estilos em processadores de texto e programas de editoração eletrônica, também vale para a Web.
Na Web, os "parágrafos" são blocos marcados por descritores HTML como <H1>, <P>, etc. Para fazer com que todos os blocos de textos marcados com <H1> em
um documento sejam exibidos em tamanho de 48 pontos, basta definir a regra: H1 {font-size: 48pt} dentro de uma "folha de estilos" aplicada ao documento.
A folha de estilos pode ser um arquivo de textos simples (alfabeto ISO-Latin1) com a extensão .css. Para vinculá-lo a uma página HTML, esta deve ter dentro do seu bloco <HEAD> ... </HEAD> o seguinte descritor: <LINK REL="stylesheet" HREF="url_do_arquivo.css">
O restante deste artigo tratará dos fundamentos da tecnologia de folhas de estilos aplicáveis ao HTML, chamada de Cascading Style Sheets(folhas de estilo em cascata),
mostrando como estabelecer as regras de estilo para um bloco de texto, uma página ou todo um site.
Seções específicas abordarão cores, imagens, tipologia e posicionamento.
Até a próxima!
Esta apresentação reflete a opinião pessoal do autor sobre o tema, podendo não refletir a posição oficial do Portal Educação.
por João de Morais
30 anos no ramo gráfico,
Formação: Bacharel em Teologia (andamento),
Ilustração e Design Gráfico para Web (Fundação Bradesco).
Desenvolvedor Wordpress, CorelDraw avançado, Photoshop, Fireworks, Dreamweaver.
UOL CURSOS TECNOLOGIA EDUCACIONAL LTDA, com sede na cidade de São Paulo, SP, na Alameda Barão de Limeira, 425, 7º andar - Santa Cecília CEP 01202-001 CNPJ: 17.543.049/0001-93
