Fondo
| Propiedades |
Descripción |
Ej |
| background-color |
Aplicar color de fondo a diferentes elementos. |
 |
| background-image |
Utilizar una imagen como fondo. |
 |
| background-repeat |
no-repeat La imagen de fondo no se repite.
repeat-y solo repite la imagen en vertical eje y
repeat-x solo repite la imagen en horizontal eje x |
 |
| background-attachment |
Dejar fija la imagen de fondo. |
 |
| background-position |
Ubicar una imagen en un lugar determinado en pixeles. |
 |
Si deseas profundizar en el tema del uso del fondo, dirígete a CSS Fondo
Textos
| Propiedades |
Descripción |
Ej |
| text-indent |
Como dejar sangría en un texto. |
 |
| text-align |
Centrar un texto. |
 |
| line-height |
Interlineado, distancia entre líneas . |
 |
| text-decoration |
Definir un texto tachado o subrayado. |
 |
| text-transform |
Convertir un texto a minúsculas o mayúsculas. |
 |
| letter-spacing |
Controlar el espacio entre letras. |
 |
| word-spacing |
Controlar el espacio entre palabras. |
 |
| white-space |
Definir la ubicación del salto de línea. |
 |
| color |
Colorear el texto a su gusto. |
 |
Si deseas profundizar en el tema de textos, dirígete a CSS Textos
Fuentes
| Propiedades |
Descripción |
Ej |
| font-family |
Definir un tipo de fuente. |
 |
| font-style |
Escribir en itálica. |
 |
| font-variant |
Variar la fuente a mayúsculas más pequeñas. |
 |
| font-weight |
Como darle intensidad a la fuente. |
 |
| font-size |
Definir el tamaño de la fuente. |
 |
| @font-face |
Incluir archivo de fuentes |
 |
Si deseas profundizar en el tema de fuentes, dirígete a CSS Fuentes
Unidades absolutas o relativas
| Propiedades |
Descripción |
| En función de la fuente |
mm milímetros {font-size: 8mm} |
| Cm centimetros {font-size: 1cm} |
| in pulgadas {font-size: 0.5in} |
| px pixeles {font-size: 20px}. |
| pt pulgadas {font-size:12pt}. |
| En función del navegador |
lxx-small {font-size: xx-small} |
| x-small. {font-size: x-small} |
| lsmall. {font-size: lsmall} |
| lmedium. {font-size: lmedium} |
| llarge. {font-size: lmedium} |
| x-large. {font-size: x-large} |
| xx-large. {font-size: xx-large} |
| Unidades relativas |
em tamaño de la fuente que escoge de una anterior y la multiplica si es 1 sería el mismo tamaño {font-size: 1em} |
| % porcentaje {font-size: 80%} |
Listas
| Propiedades |
Descripción |
Ej |
| list-style-type |
Aplicar diferentes marcadores a los Ítems de una lista desordenada. |
 |
| Aplicar números decimales y números romanos en listas ordenadas. |
 |
| Aplicar letras, números y blancos para listas ordenadas. |
 |
| list-style-image |
Define la imagen que va a ser usada como marca de cada ítem.. |
 |
| list-style-position |
Especifica la posición del marcador de los ítems con respecto a la caja de la lista. |
 |
Si deseas profundizar en el tema de listas, dirígete a CSS Listas
Pseudo Class
| Propiedades |
Descripción |
Ej |
| :link |
Define el color de un enlace que aún no ha sido visitado |
 |
| :visited |
Define el color de un enlace que ya ha sido visitado |
| :active |
Comportamiento del color de un enlace mientras se esta presionando |
| :hover |
Comportamiento del color de un enlace al pasar el cursor sobre él |
Si deseas profundizar en el tema de las pseudo clases, dirígete a CSS Pseudo Class
Pseudo Element
| Propiedades |
Descripción |
Ej |
| :first-line |
Cambios en la primera línea de un texto |
 |
| :first-letter |
Cambios en la primera letra de un texto |
 |
Si deseas profundizar en el tema de los pseudo elementos, dirígete a CSS Pseudo Element
Bordes
Si deseas profundizar en el tema de bordes, dirígete a CSS Bordes
Márgenes, Relleno y dimensiones
| Propiedades |
Descripción |
Ej |
| margin |
Como dejar un márgen alrededor de un elemento con medidas y porcentajes. |
 |
| padding |
Como controlar el relleno que hay entre el borde y el contenido. |
 |
| width |
Defina el ancho de un párrafo a su gusto. |
 |
| height |
Como establecer la altura de un elemento. |
 |
Si deseas profundizar en el tema de márgenes, dirígete a CSS Márgenes
Si deseas profundizar en el tema del relleno, dirígete a CSS Relleno
Si deseas profundizar en el tema de las dimensiones, dirígete a CSS Dimensiones
Ubicación
| Propiedades |
Descripción |
Ej |
| position |
Posiciona un elemento dentro de la página por medio del método estático |
 |
| Por medio del método relativo |
 |
| Por medio del método absoluto |
 |
| Por medio del método fijo |
 |
top
right
bottom
left |
Ubicar un elemento por medio de estas propiedades. |
 |
| float |
Posicionamiento flotante a la izquierda. |
 |
| Posicionamiento flotante a la derecha |
 |
| Posicionamiento flotante a ambos lados |
 |
| clear |
No permite elementos flotantes a la izquierda. |
 |
| No permite elementos flotantes a ambos lados |
 |
| vertical-align |
Alineación vertical del texto arriba, abajo, centrado con respecto a un elemento. |
 |
Si deseas profundizar en el tema de las ubicaciones, dirígete a CSS Ubicación
| Propiedades |
Descripción |
Ej |
| overflow |
Insertar una barra de desplazamiento en caso que el contenido sea superior a la caja que lo contiene |
 |
| clip |
Mostrar parte de una imagen |
 |
| display |
Como convertir diferentes elementos en Ítems de una lista |
 |
| visibility |
Mostrar u ocultar un texto |
 |
Si deseas profundizar en el tema de los efectos, dirígete a CSS Efectos Visuales