Css 5

CSS. Guía de referencia rápida
Unidades

Sintaxis

px | em | ex | % | in | cm | mm | pt | pc
#ff6633 | #f63 | rgb(0,255,0) | rgb(0%,100%,50%)
aqua | black | blue | fuchsia | gray | green |lime | maroon |
navy | olive | purple | red | silver | teal white | yellow

/* Comentario */
selector {
propiedad: valor;
}

Pseudo-clases y pseudoelementos

Selectores
*
div
div *
div spandiv, span
div > span
div + span
.foto
div.class
#casa
div#itemid
a[class]
a[class='x']
a[class~='x']
a[lang|='en']

Todos los elementos

Elementos dentro de
dentro de
y
concomo padre
precedido de
Elementos de la clase "foto"
de la clase "foto"
Elementos con id "casa"
con id "casa"
con el atributo class
cuando su clase es "x"
cuando su clase es una listade
valores y uno de ellos es 'x'
cuando lang comienza por "en"

:active
:focus
:hover
:link
:visited
:first-child
:lang
:first-letter
:first-line
:before
:after

Elemento seleccionadoElemento enfocado
Elemento con el cursor del ratón encima
Vínculo no visitado
Vínculo visitado
Elemento que es el primer hijo de otro elemento
Lenguage utilizado en un elemento
La primera letrade un texto
La primera línea de un texto
Contenido antes de un elemento
Contenido después de un elemento

Propiedad / Valor
Cajas
border (border-left, border-bottom, border-right, border-top)border-width | border-style | border-color
border-width (border-left-width; border-top-width; border-right-width; border-bottom-width)
thin | medium | thick | longitud
border-color(border-left-color; border-top-color; border-right-color; border-bottom-color)
color
border-style (border-left-style; border-top-style; border-right-style; border-bottom-style)
none | hidden | dotted | dashed |solid | double | groove | ridge | inset | outset
margin (margin-top; margin-right; margin-bottom; margin-left)
auto | longitud
padding (padding-top; padding-right; padding-bottom; padding-left)...