FAQ CSS

Índice

1. O que significa a sigla CSS?
2. Qual é a finalidade das CSS?
3. Por que devo usar CSS?
4. Quais as vantagens de usar CSS?
5. As CSS estão de acordo com as Web Standards?
6. O que é regra CSS ?
7. Como escrevo uma regra CSS ?
8. Quais caracteres são permitidos em CSS?
9. As sintaxe CSS é sensível a maiúsculas/minúsculas?
10. Posso incluir comentários nas regras CSS?

Perguntas e respostas

O que significa a sigla CSS?

CSS é a sigla para Cascading Style Sheets que em português foi traduzido para folhas de estilo em cascata e nada mais é, que um documento onde são definidas regras de fomatação ou de estilos, a serem aplicadas aos elementos estruturais de marcação.

Índice

Qual é finalidade das CSS?

A finalidade das CSS é a de retirar do HTML toda e qualquer declaração que vise a formatação, a apresentação do documento. Isto significa dizer que tags do tipo <font>, <b>, <i>, etc, bem como uso de colunas e linhas de tabelas para obtenção de espaçamentos não são admitidos ou admitidos com restrições em um projeto Web com CSS. Vale dizer simplificando: HTML para estruturação e CSS para apresentação.

Índice

Porque devo usar CSS?

CSS permite que você retire da marcação HTML toda a formatação (apresentação) do documento WEB. Quem vai determinar cores, formas, tipos e tamanhos, posicionamento e em fim todo o "visual" da página são as CSS. As vantagens estão relatadas nas respostas a seguir.

Índice

Quais as vantagens de se usar CSS?

Inúmeras são as vantagens do uso das CSS nos documentos Web. Eis uma relação das principais:

• controle total sôbre a apresentação do site a partir de um arquivo central;
• agilização da manutenção e redesign do site;
• saida para diferentes tipos de mídia a partir de uma versão única de HTML;
• redução do tempo de carga dos documentos Web;
• adequação simplificada aos critérios de acessibilidade e usabilidade;
• elaboração de documentos consistentes com as aplicações de usuários futuras;
• aumento considerável na portabilidade dos documentos Web.

Índice

As CSS estão de acordo com as Web Standards?

Sim estão. As CSS estão entre as práticas vivamente recomendadas pelo W3C para projetos Web. Os esforços dos sórgãos normatizadores apontam no momento atual para elaboração de documentos Web acessíveis, usáveis e portáteis com grande ênfase. E, CSS facilita e simplifica a obtenção destas três variáveis.

Índice

O que é regra CSS?

Regra CSS e uma unidade mínima de programação de estilos, que segue uma sintaxe própria e destina-se a estilizar uma ou mais propriedades CSS. (ver resposta seguinte)

Índice

Como escrevo uma regra CSS?

A sintaxe de uma regra CSS compreende um seletor uma propriedade e um valor escritos como mostrado abaixo:

seletor { propriedade: valor; }

Nota: ao conjunto propriedade:valor denominamos declaração CSS

Por exemplo:

p {text-indent:10pt;} é uma regra CSS
	p é o seletor.
	{text-indent: 10pt} é a declaração CSS.
	text-indent - é a propriedade CSS
	10pt - é o valor CSS

Índice

Quais são os caracteres permitidos em regras CSS?

São as letras de a-z, A-Z, os números de 0-9, underscore, hífen e caracteres de escape. Caracteres Unicode 161-255, bem como caracteres Unicode como csódigos numéricos. Não é permitido iniciar-se um nome com um traço ou número.

Índice

As sintaxe CSS é sensível a maiúsculas/minúsculas?

Não. Regras CSS não são case sensitivas, isto é, pode-se usar maiúsculas ou minúsculas nas folhas de estilo indeferentemente. Isto é válido ssómente para as declarações específicas de CSS. Por exemplo: mesmo numa declaração CSS, figura.gif é diferente de FIGURA.gif

Índice

Posso incluir comentários nas regras CSS?

Sim. Comentários podem e devem ser usados nas folhas de estilo. E recomendável que se faça amplo uso de comentários para fornecer informações sobre os seletores, propriedades e valores declarados, com o intuito de facilitar futuras modificações ou mesmo entendimento do csódigo gerado. Os comentários devem estar entre as marcas /* e */ e podem ser inseridos em qualquer espaço em branco dentro da folha de estilos. Não são permitidos comentários aninhados.

/* Isto é um comentário CSS */

Índice

Arquivos exemplo: « anterior | próximo »