Referencia CSS

Referencia CSS
- DEFININDO FAMILIA DE FONTES e FONTES A SEREM UTILIZADAS
Ordem de preferência. body { font-family: "Arial", "Helvetica", sans-serif;
}
- ALINHAMENTO E DECORAÇÃO DE TEXTO text-align: right; /* alinhamento do texto*/ line-height: 3px; /* tamanho da altura de cada linha */ letter-spacing: 3px; /* tamanho do espaço entre cada letra */ word-spacing: 5px; /* tamanho do espaço entre cada palavra */ text-indent: 30px; /* tamanho da margem da primeira linha do texto */
- IMAGEM DE FUNDO background-image: url(sobre-background.jpg);
- BORDAS border-color: red; border-style: solid; border-width: 1px;
Para que o efeito da cor sobre a borda surta efeito, é necessário que a propriedade border-style tenha qualquer valor diferente do padrão none.

- ESPAÇAMENTO E MARGEM

Utilizamos a propriedade padding para espaçamento e margin para margem. Vejamos cada uma e comoelas diferem entre si.

• padding-top: 10px;
• padding-right
• padding-bottom
• padding-left

• margin-top
• margin-right
• margin-bottom
• margin-left

margin: 0 auto; /* define a margem de acordo com o espaço disponível. */

- ALINHAMENTO

float: right;

- DIMENSÕES

height: 300px; width: 300px;

- SELETOR DE ID

É possível aplicar propriedades visuais a um elemento selecionado pelo valor de seu atributo id. Para isso, o seletor deve iniciar com o caractere “#” seguido do valor correspondente.

#ID { color: white; text-align: center;
}

Podemos ainda utilizar um seletor hierárquico que permite aplicar estilos aos elementos lhos de um elemento pai:

#rodape img { margin-right: 35px; vertical-align: middle; width: 94px;
}

CSS Reset

Existem algumas op ções para resetar os valores do CSS. Algumas que merecem destaque hoje são as seguintes:

HTML5 Boilerplate
O HTML5 Boilerplate é um projeto que pretende fornecer um excelente ponto de partida para quem pretende desenvolver um novo projeto com HTML5. Uma série de técnicas para aumentar a compatibilidade da nova tecnologia com navegadores um pouco mais