Estilos CSS

O código da barra de navegação

Crie um arquivo no qual você pretende adicionar a barra de navegação.
Vamos chamá-lo “barNav.html”.

Construiremos uma barra de navegação com três links dispostos em linha, um após o outro.
Óbvio isso né? Afinal trata-se de uma barra de navegaçao!

Mas, é muito frequente, na prática, encontrarmos nossas soluções em coisas
óbvias e aqui é um bom exemplo.

A constatação óbvia acima, nos leva de imediato a concluir um código bem
simples para “enclausurar” e depois estilizar a barra de navegação. Read the rest of this entry »

Fontes

Nesta lição estudaremos as fontes e como aplicá-las usando CSS. Veremos como criar situações para que determinada fonte seja visualizada pelo usuário mesmo não estando instalada em seu sistema operacional. Descreveremos as seguintes propriedades CSS: Read the rest of this entry »

Guia rápido de referência para estilos CSS

(baseado em MSDN e WC3 CSS)

Read the rest of this entry »

Esse artigo é uma tradução de alguns trechos que explica o
Nifty Corners criado pelo Alessandro Fulciniti. O Nifty Corners
é uma combinação de CSS e Java script para gerar cantos
arredondados sem a necessidade de imagens. A técnica é
composta de quatro elementos essenciais e que juntos pesam menos de 6kb: Read the rest of this entry »

A propriedade list define as características (valores) das listas HTML.

As propriedades list são as listadas abaixo:

• list-style-image…………. imagem como marcador da lista;
• list-style-position……….onde o marcador da lista é posicionado;
• list-style-type……………tipo do marcador da lista;
• list-style……………………maneira abreviada para todas as propriedades;

Valores válidos para as propriedades do lista

Read the rest of this entry »

Box Model: Bordas

Bordas podem ser usadas para muitas coisas, por exemplo, como elemento decorativo ou para servir de linha de separação entre duas coisas. CSS proporciona infinitas possibilidades de uso de bordas na página. Read the rest of this entry »