Skip to main content

Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilos utilizada para definir a apresentação de documentos escritos numa linguagem de marcação como , , e .

Antigamente os estilos visuais eram apenas definidos com atributos em HTML, depois mais tarde foi-nos então apresentado o CSS que nos deu controle para separar os estilos visuais, do conteúdo em si.

Em vez de colocar os estilos visuais dentro do documento, o desenvolvedor cria um link (ligação) para uma página que contém todos os estilos, que irá proceder de forma idêntica para todas as páginas de um portal. Quando for necessário alterar a aparência do portal basta modificar apenas um arquivo.

Um documento normal de CSS é constituído por vários conjuntos de regras. Cada conjunto de regras começa com um seletor (um padrão de correspondência aos elementos de um documento HTML ou XML) que se segue de um bloco que contém uma ou mais declarações de propriedades que definem a apresentação dos elementos correspondentes.

Exemplo:

/* Isto é um comentário em CSS */ 

a {                             /* Encontra todas as tags <a>, */
    color: orange;              /* muda a sua cor para laranja, */
    background-color: pink;     /* a cor de fundo para cor-de-rosa, */
    text-decoration: none;      /* e remove o sublinhado. */
}

a:hover {                       /* Mas quando se passa o "mouse" por cima de um elemento <a> */
    color: red;                 /* muda a cor para vermelho, */
    text-decoration: underline; /* e adiciona novamente o sublinhado */
}

Ver também as especificações no site do W3C.

Linguagem de Código (usado para realce de sintaxe): lang-css