Estilos CSS

• background-color:
  1. código hexadecimal: #FFFFFF
  2. código rgb: rgb(255,235,0)
  3. nome da cor: red, blue, green…etc
  4. transparente: transparent
• background-image:
  1. URL: url(caminho/imagem.gif)
• background-repeat:
  1. não repete: no-repeat
  2. repete vertical e horizontal: repeat
  3. repete vertical: repeat-y
  4. repete horizontal: repeat-x
• background-attachment:
  1. imagem fixa na tela: fixed
  2. imagem “rola” com a tela: scroll 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:

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 »

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 »

As margens nos elementos HTML

A propriedade para margens, define um valor para espessura das margens dos elementos HTML.

As propriedades para margens são as listadas abaixo:

• margin-top……….define a margem superior;
• margin-right……..define a margem direita;
• margin-bottom…….define a margem inferior;
• margin-left………define a margem esquerda;
• margin…………..maneira abreviada para todas as margens

Valores válidos para a propriedade margin

Read the rest of this entry »

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 »