vagacode

Una animación con CSS es algo similar a una transición que se repite un número de veces y requiere de dos partes, establecer los intervalos y propiedades a modificar en @keyframes y la propiedad animation en cualquier etiqueta.

Cuando a un elemento le agregamos la propiedad float, lo convertimos en un bloque pero con una característica especial: su ancho no ocupa el 100% del contenedor sino sólo el de su contenido pero, además, lo quitamos del orden natural de la página; de este modo, todo lo que lo rodea se moverá y se acomodará como pueda para hacerle lugar.

La w3. org es la encargada de establecer los estándares para que los navegadores interpreten las páginas web pero estas recomendaciones se van incorporando lentamente y además, algunas de esas reglas se encuentran en proceso de estudio o son exclusivas de alguno de ellos.

Una de las características más interesantes del diseño web es que uno no debe preocuparse por conocer previamente la dimensión de los elementos que vamos agregando. Sin embargo, algunas veces, esa ventaja se vuelve un problema si no tenemos en cuenta que si el contenido es más grande que el contenedor puede desbordarse y ocupar espacios indeseados.

La propiedad background-size nos permite establecer las dimensiones de la imagen de fondo para definir la relación ancho/alto que debe mantenerse, sin que importe el tamaño del contenedor.

Cuando se agrega un fondo a una etiqueta, ya sea un color o una imagen, y esa etiqueta tiene un borde, se puede producir un conflicto ya que por defecto, el borde se muestra superpuesta a la imagen pero, algunas propiedades CSS nos permiten resolver esto.

En CSS, un selector es un vínculo entre el HTML y la hoja de estilo. Todas las etiquetas son selectores y cada uno de ellas posee un conjunto de propiedades generales y particulares. Pero como esto es insuficiente, también existen selectores especiales que nos permiten crear reglas muy específicas.

Establecer el fondo de una etiqueta cualquiera es algo bastante común y no debería causar problemas si conocemos a forma en que funciona esta propiedad que, genéricamente, se define con background, con ella, podemos definir un color o una imagen como fondo de cualquier elemento.

background-repeat permite establecer la forma en que mostrará una imagen de fondo y no ha sufrido cambios desde su creación pero el CSS3 incorporó dos nuevos valores que tardaron años en ser adoptados por los navegadores.

before es lo que está antes , after es lo que está después . . . los pseudo-elementos ::after y ::before resultan ser muy sencillos de manejar y tener infinitas posibilidades ya que nos permiten agregar contenido utilizando el CSS.