Estilos CSS

set 1

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.

uma linha —-> um parágrafo HTML;

três links  —-> três tags a HTML;

…e, nasce o primeiro embrião da nossa barra de navegação o código HTML:
Read the rest of this entry »

ago 25

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:

1. Arquivo CSS para screen
2. Arquivo CSS para print
3. Arquivo Java script para gerar o Nifty Corners
4. O código Java script para chamar os elementos

Os três primeiros componentes não necessitam de mudanças, apenas ser incluídos dentro da Tag HEAD : Read the rest of this entry »

jun 17

Para definir estilos em seções reduzidas de uma página se utiliza a etiqueta <SPAN>. Com seu atributo style indicamos em sintaxe CSS as características de estilos. Vemos com um exemplo, colocaremos um parágrafo onde vamos visualizar determinadas palavras na cor verde Read the rest of this entry »