LusaDigital

CSS é uma linguagem de programação de estilos, utilizada para definira a apresentação do conteúdo de documentos escritos em linguagem de HTML e XML.

A utilização de ficheiros de estilos CSS, é muito útil na programação de páginas web, devido ao facto de separarem as formatações do conteúdo do documento. Basicamente ao invés de colocar os estilos em cada página estes são guardados num ficheiro que esta ligado através de uma ligação no cabeçalho do documento.

Outra grande vantagem, reside no facto destes documentos serem carregados um única vez, ficando guardados na cache do browser o que torna a navegação muito mais rápida.

Como ligar uma página a um ficheiro de estilos:
<link rel=”stylesheet” href=”[Link do Ficheiro de Estilos]” type=”text/css”/>

Exemplo de criação de uma class:
/* CRIAÇÃO DA DE UM CLASSE EM CSS */
.classe {

background:#000000;
border:#CCCCCC 1px solid;
height:100px;
width:200px;
margin:0px;
padding:0px;

}

Exemplo de algumas propriesdades:
background - define as propriedades do fundo da classe;
border - Define o Bordo da classe;
height - Altura da classe;
width - Largura da classe;
margin - margem da classe;
padding - margem interior (avanço) da da classe;
font-family - tipo de letra;
font-size - tamanho da letra;
font-style - Estilo de letra (italico, normal);
text-align - alinhamento do texto;
text-decoration - Define se o texto esta sublinhado, riscado, etc;
float - Propriedade que permite que os objectos sejam apresentados lado a lado;
display - Tipo de visualização da classe, (em bloco, em tabela, em linha, em coluna, etc);
visibility - Permite mostrar ou ocultar uma classe;
vertical-align - Posição vertica do texto;
position - Define a posição da classe no ecrã;