Estilos CSS

fev 26
CSS Links
icon1 felipe | icon2 Dicas | icon4 02 26th, 2010| icon3No Comments »

CSS Links

CSS possibilita definir uma variedade infinita de layouts e efeitos para um link ou um conjunto de links.
O limite é a sua imaginação!

Um link visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele) pode assumir aspectos (cores, fundos, etc…) diferentes através de CSS. Read the rest of this entry »

fev 24
CSS Background
icon1 felipe | icon2 Elementos do CSS | icon4 02 24th, 2010| icon3No Comments »

O fundo dos elementos HTML

A propriedade background define as características (os valores na regra CSS) do fundo dos elementos HTML.

As propriedades background são as listadas abaixo:

  • background-color…………… cor do fundo;
  • background-image…………. imagem de fundo;
  • background-repeat…………. maneira como a imagem de fundo é posicionada;
  • background-attachment…….se a imagem de fundo “rola” ou não com a tela;
  • background-position…………como e onde a imagem de fundo é posicionada;
  • background……………………maneira abreviada para todas as propriedades; Read the rest of this entry »

fev 22

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: Read the rest of this entry »

fev 19
Como funciona CSS?
icon1 felipe | icon2 Dicas | icon4 02 19th, 2010| icon3No Comments »
Como funciona CSS?

Nesta lição você aprenderá a desenvolver sua primeira folha de estilos. Você verá o básico sobre o modelo CSS e que código é necessário para usar CSS em um documento HTML.

Muitas das propriedades usadas em Cascading Style Sheets (CSS) são semelhantes àquelas do HTML. Assim, se você está acostumado a usar HTML para layout irá reconhecer muitos dos códigos que usaremos. Vamos dar uma olhada em um exemplo concreto.

A sintaxe básica das CSS

Suponha que desejamos uma cor de fundo vermelha para a página web:

Usando HTML podemos fazer assim: Read the rest of this entry »

fev 15
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 »
fev 12
O que é CSS?
icon1 felipe | icon2 Dicas | icon4 02 12th, 2010| icon3No Comments »
O que é CSS?

Talvez você já tenha ouvido falar em CSS, mas não saiba o que significa exatamente. Nesta lição você saberá o que é e para que serve CSS.

CSS é a abreviatura para Cascading Style Sheets. — Folha de Estilos em Cascata

O que eu posso fazer com CSS?

CSS é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo, CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e muito mais. Aguarde e você verá! Read the rest of this entry »

fev 8

Box Model: Altura e largura

Até agora ainda não fizemos qualquer consideração sobre as dimensões dos elementos com que trabalhamos. Nesta lição veremos como é fácil atribuir uma altura e uma largura para um elemento. Read the rest of this entry »

fev 3
  • 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 »
fev 1
Os elementos <span> e <div> são usados para agrupar e estruturar um documento e são freqüentemente usados em conjunto com os atributos class e id.

Nesta lição veremos com detalhes o uso dos elementos HTML <span> e <div> no que se refere a sua vital importância para as CSS.