Escolar Documentos
Profissional Documentos
Cultura Documentos
Tableless CSS
Tableless CSS
br
Sintaxe Sintaxe
seletor {propriedade: valor;} height width
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
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]
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
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
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.