background: ;

Empezaremos por lo más básico, ¿te parece? Y bueno, la pregunta es algo relativa, pues... ¿Qué es lo más basico?

Algunos dirían que lo más básico es darle color a las letras, pero aquí el maestro lleva las riendas del curso y veremos como poner una fondo a nuestra web ;)

Hay 5 propiedades que permiten definir que pondremos de fondo y como lo haremos, y una ultima propiedad que los engloba a todos juntos, pero para empezar veremos como definir un color de fondo:

background-color: ;

Claramente y como sabran los que sepan un mínimo de ingles, esta propiedad indica un color de fondo, la cual puede tomar dos valores, que son los que principalmente se usaran. Puede tener un nombre de color (en Ingles claro) como puede ser Yellow, y aparecerá el color que el navegador tenga predeterminado para tal valor. O también podemos decirle que color queremos exactamente, lo más popular es usar colores html, los cuales son así:

background-color: #fff; (Para el blanco)

Aprenderce de memoria todos los colores es imposible, por lo que existen herramientas como html-color-codes.info, una destacada web de gran utilidad ;) Veamos la estructura de las dos formas:

background-color: white;

background-color: #000;

background-image: url("");

Segunda y gran propiedad que nos será de gran utilidad, dentro de los " " se debe poner la dirección donde está nuestra imagen tanto como si está en una carpeta o una web.

¡RECUERDA! En CSS para ir una carpeta atras se hace igual que en HTML, mediante ../

background-repeat: ;

Los navegadores por defecto repiten las imagenes que utilizamos, para evitar que se repitan o que solo se repitan en una determinada dirección o incluso que se repita pase lo que pase, utilizamos los siguientes valores:

no-repeat: la imagen no se repite

repeat-x: la imagen se repite únicamente en horizontal

repeat-y: la imagen se repite únicamente en vertical

repeat: la imagen se repite en horizontal y vertical

background-position: ;

Para definir en que posición se encontrará el fondo, debemos de indicar la posicion vertical y horizontal, para definirlo, lo hacemos de la siguiente manera:

left, center y right: establecen la posición horizontal (izquierda, centro y derecha, respectivamente)

top, center, bottom: establece la posición vertical (arriba, enmedio, abajo, respectivamente)

background-attachment: ;

Con esta propiedad definiremos si la imagen que usaremos de fondo acompañara el contenido, osea ser, que si bajamos un texto hacía abajo para leer más, la parte superior no se verá, dejando ver la parte de abajo, como en un largo texto en el que necesitamos bajar para seguir leyendo, o también puedes decir que se este quieto y cuando bajemos la página para seguir leyendo, la imagen que está de fondo, no se mueva ni lo más minimo, solamente las letras. Si no lo entienden, les pondré un ejemplo que todo hemos visto: en los creditos de las peliculas vemos como las letras van de abajo a arriba y el fondo (si tiene) no se mueve, eso quiere decir que está fixed, y si mientras van subiendo las letras la imagen de fondo también sube, eso quiere decir que está scroll

background: ;

Esta es la propiedad que los engloba todos, puede contener las cinco propiedades antes vistas en el orden que nosotros queramos. Esta propiedad no hace falta explicarla habiendo visto antes las otras cinco que componen background: ;

Espero que no se te hiciera muy largo esta página, pero background es muy importante y tiene mucho que aprender, ya puedes volver a atras y seguir con HTML ;)