Folha de Estilos em Cascata Cascading Style Sheet

css
Folha de Estilos em Cascata
Cascading Style Sheet
Seletores
Caixas ou Contêiners
Box Model
*
Todos os elementos
div
<div>
div *
margin x
border-color x
margin-top
border-top-color
Elemetos dentro de <div>
margin-right
border-right-color
div span
<span> dentro de <div>
margin-bottom
border-bottom-color
div, span
<div> e <span>
margin-left
border-left-color
div > span
<span> com pai <div>
padding x
border-style x
div + span
<span> precedido por <div>
padding-top
border-top-style
.class
Elementos c/ a classe "class"
padding-right
border-right-style
div.class
<div> com a classe "class"
padding-bottom
border-bottom-style
#itemid
Elementos com id "itemid"
padding-left
border-left-style
div#itemid
<div> com id "itemid"
border x
border-width x
a[attr]
<a> com atributo "attr"
border-top x
border-top-width
a[attr='x']
<a> quando "attr" é "x"
border-bottom x
border-right-width
a[class~='x']
<a> quando class é uma lista
border-right x
border-bottom-width
contendo 'x'
Posicionamento
border-left x
border-left-width
<a> quando lang começa
com "pt"
display
clear
position
z-index
a[lang|='pt']
Pseudo-Selectors and Pseudo-Classes
Margin
Área Visível
Height
Border
Width
Padding
Tabelas
top
direction +
caption-side +
border-spacing +
:first-child
Primeiro elemento filho
right
unicode-bidi
table-layout
empty-cells +
:first-line
Primeira linha do elemento
bottom
overflow
border-collapse +
speak-header +
:first-letter
Primeira letra do elemento
left
clip
:hover
Elemento com mouse over
float
visibility
:active
Elemento ativo
:focus
Elemento com foco
:link
Links não visitados
:visited
Links já visitados
width
:lang(var)
Elemento com idioma "var"
:before
:after
size
page-break-inside +
marks
page +
min-height
page-break-before
orphans +
min-width
max-height
page-break-after
widows +
Antes do elemento
max-width
vertical-align
Depois do elemento
height
Sizes and Colours
0
0 não precisa de unidade
Relative Sizes
em
Paginação
Dimensões
Interface
Cor / Cor de Fundo
color +
background-repeat
background x
background-image
1em = tamanho da fonte
background-color
background-position
do pai (mesmo que 100%)
background-attachment
cursor +
outline-style
outline x
outline-color
outline-width
Auricular (Aural)
ex
Altura de minúsculas "x"
volume +
elevation
%
Porcentagem
speak +
speech-rate
pause x
voice-family
Texto
Tamanhos Absolutos
px
Pixels
text-indent
+
word-spacing +
pause-before
pitch
cm
Centímetros
text-align
+
text-transform +
pause-after
pitch-range
mm
Milímetros
text-decoration
white-space
+
cue x
stress
in
Polegadas (Inches)
text-shadow
line-height
+
cue-before
richness
pt
1pt = 1/72in
letter-spacing
cue-after
speak-punctuation
pc
1pc = 12pt
Cores
+
play-during
azimuth
Fontes de Letra
#789abc
Notação RGB Hex
#acf
Equivale a "#aaccff"
font
font-weight
+
rgb(0,25,50)
Valor de cada cor:
font-family +
font-stretch
+
(vermelho, verde, azul) 0 a 255
font-style
font-size
+
aceita porcentagem.
font-variant +
Nota
Shorthands estão marcados com x
Heranças estão marcadas com +
+x
+
font-size-adjust +
speak-numeral
+
Miscelânea
content
list-style-type +
quotes +
list-style-image +
counter-reset
list-style-position +
counter-increment
marker-offset
list-style + x