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