tableless.com.

br
Sintaxe Sintaxe
seletor {propriedade: valor;} height width

Referncia rpida de CSS

Modelos de Caixa
height; width; margin-top; margin-right; margin-bottom; margin-left; padding-top; padding-right; padding-bottom; padding-left;

Para caixas
background border border-bottom border-left border-right border-top font list-style margin padding

CSS Externo
<link rel=stylesheet type=text/css href=arquivo.css />

CSS Interno

<style type=text/css> seletor {propriedade: valor;} </style> <tag style=propriedade: valor;>

border margin padding

CSS em linha

Border
border-width Largura da borda border-style dashed; dotted; double; groove; inset; outset; ridge; solid; none; border-color Cor da borda

Comentrio
/* Comentrio */

Uso Geral
class ID div span color cursor display Termo precedido por um ponto . Termo precedido por um # Elemento para dividir o layout Formatao em linha Cor do texto Muda o cursos do mouse block; inline; list-item; none Quando o contedo transborda do elemento. visible, hidden, scroll, auto visibility visible, hidden

Pseudo Selectors
:hover :active :focus :link :visited

Position
clear O elemento ignora o oat de outros elementos both, left, right, none O elemento utua para a esquerda ou direita left, right, none Desloca o elemento pela esquerda auto, length values [pt, in, cm, px] Desloca o elemento pelo topo auto, length values [pt, in, cm, px] static, relative, absolute Muda os elementos de camada auto, integer [higher numbers on top]

left top position

Media Types
all braille embossed handheld print projection screen speech tty tv

Para fontes
font-style italic, normal fontnormal, small-caps variant fontweight font-size bold, normal, lighter, bolder, integer [100-900] Tamanho da font

z-index

Background
background-color Muda a cor do background background-image Dene uma imagem de background background-repeat repeat, no-repeat, repeat-x, repeat-y backgroundattachment backgroundposition Dene se o background rola c/ a pgina (x y), top, center, bottom, left, right

Unidades
Numerais % em pt px Keywords bolder lighter larger normal

font-family Especifica a famlia da font

Para caixas de texto

letter-spacing line-height text-align textdecoration text-indent texttransform vertical-align word-spacing Espaamento entre as letras Altura da entrelinha Alinhamento horizontal do texto blink, line-through, none, overline, underline Identao do texto capitalise, lowercase, uppercase Alinhamento vertical Espao entre as palavras

List
list-styletype Muda o tipo de bullet dos tens de lista (li) disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none Muda a posio do bullet inside; outside

list-style- position

list-style-style Dene uma imagem como bullet

Propriedades herdadas
azimuth border-collapse border-spancing caption-side color cursor direction empty-cells font letter-spacing line-height list-style page quotes speak text-align text-indent text-transform word-spacing white-space * <tag> tag * tag tag tag, tag tag > tag tag + tag .nome #nome Verso original em ingles por:

Seletores
Dene propriedade para TODOS os elementos Dene para todas as tags especicadas TUDO dentro da tag receber as caractersticas Elemento dentro de elemento (EX: div span) Agrupa vrios elementos para a mesma caracteristica EX: div, p, h1, h2, h3 Seleciona elemento que filho direto de outro. EX: div > span Seleciona todo elemento que precedido por outro EX: div + p Todos elementos com a classe determinada Todos elementos com a identicao determinada

liquidicity

tag#nome Especica elemento com classe ou identicao tag.nome determinada tag[atributo] Seleciona tag com determinado atributo Seleciona tag com atributo com um tag[atributo=valor] valor especico Especica o valor de uma tag que tag[atributo~=valor] tenha um atributo com diversos valores separados com espaos.