Linguagem da folha de estilo - Style sheet language

Uma linguagem de folha de estilo , ou linguagem de estilo , é uma linguagem de computador que expressa a apresentação de documentos estruturados . Uma característica atrativa dos documentos estruturados é que o conteúdo pode ser reutilizado em muitos contextos e apresentado de várias maneiras. Folhas de estilo diferentes podem ser anexadas à estrutura lógica para produzir apresentações diferentes.

Uma linguagem de folha de estilo moderna com uso generalizado é Cascading Style Sheets (CSS), que é usada para estilizar documentos escritos em HTML , XHTML , SVG , XUL e outras linguagens de marcação .

Para que o conteúdo em documentos estruturados seja apresentado, um conjunto de regras estilísticas - descrevendo, por exemplo, cores, fontes e layout - deve ser aplicado. Uma coleção de regras estilísticas é chamada de folha de estilo. As folhas de estilo na forma de documentos escritos têm uma longa história de uso por editores e tipógrafos para garantir consistência de apresentação, ortografia e pontuação. Na publicação eletrônica, as linguagens das folhas de estilo são usadas principalmente no contexto de apresentação visual, em vez de ortografia e pontuação.

Componentes

Todas as linguagens de folha de estilo oferecem funcionalidade nestas áreas:

Sintaxe
Uma linguagem de folha de estilo precisa de uma sintaxe para ser expressa de maneira legível por máquina. Por exemplo, aqui está uma folha de estilo simples escrita na sintaxe CSS:
h1 { font-size: 1.5em }
Isso indica que os títulos no nível 1 devem ser exibidos em um tamanho de fonte 1,5 vezes o tamanho da fonte do texto ao redor.
Seletores
Os seletores especificam quais elementos devem ser influenciados pela regra de estilo. Como tal, os seletores são a cola entre a estrutura do documento e as regras estilísticas nas folhas de estilo. No exemplo acima, o seletor "h1" seleciona todos os elementos h1. Seletores mais complexos podem selecionar elementos com base, por exemplo, em seu contexto, atributos e conteúdo.
Propriedades
Todas as linguagens de folha de estilo têm algum conceito de propriedades que podem receber valores para alterar um aspecto da renderização de um elemento. A propriedade "font-size" do CSS é usada no exemplo acima. Linguagens de folha de estilo comuns normalmente têm cerca de 50 propriedades para descrever a apresentação de documentos.
Valores e unidades
As propriedades alteram a renderização de um elemento ao serem atribuídos a um determinado valor. O valor pode ser uma string, uma palavra-chave, um número ou um número com um identificador de unidade. Além disso, os valores podem ser listas ou expressões envolvendo vários dos valores mencionados acima. Um valor típico em uma folha de estilo visual é um comprimento; por exemplo, "1.5em" que consiste em um número (1.5) e uma unidade (em). O valor "em" em CSS se refere ao tamanho da fonte do texto ao redor. As linguagens de folha de estilo comuns têm cerca de dez unidades diferentes.
Mecanismo de propagação de valor
Para evitar ter que especificar explicitamente todos os valores para todas as propriedades em todos os elementos, as linguagens de folha de estilo têm mecanismos para propagar valores automaticamente. O principal benefício da propagação de valor são as folhas de estilo menos detalhadas. No exemplo acima, apenas o tamanho da fonte é especificado; outros valores serão encontrados por meio de mecanismos de propagação de valor. Herança, valores iniciais e cascata são exemplos de mecanismos de propagação de valor.
Modelo de formatação
Todas as linguagens de folha de estilo suportam algum tipo de modelo de formatação. A maioria das linguagens de folha de estilo tem um modelo de formatação visual que descreve, em alguns detalhes, como o texto e outros conteúdos são dispostos na apresentação final. Por exemplo, o modelo de formatação CSS especifica que os elementos de nível de bloco (dos quais "h1" é um exemplo) se estendem para preencher a largura do elemento pai. Algumas linguagens de folha de estilo também possuem um modelo de formatação auditiva.

Referências