JOSÉ GERALDO BUSTAMANTE DE LIMA

Este tópico serve para todos aqueles que estão iniciando em CSS / Tableless, é uma  imagem muito explicativa sobre margin, padding e border no seu CSS.

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.  

Qual é finalidade das CSS?

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.

 

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.

 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 ó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.

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)

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

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 códigos numéricos. Não é permitido iniciar-se um nome com um traço ou número.

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 sómente para as declarações específicas de CSS. Por exemplo: mesmo numa declaração CSS, figura.gif é diferente de FIGURA.gif

Posso incluir comentários nas regras CSS?

Sim. Comentários podem e devem ser usados nas folhas de estilo. É 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 có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 */

 

Fonte: MAUJOR