Guía Rápida De Css
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)...
Regístrate para leer el documento completo.