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.

Hay palabras que me vuelven loco, no sé cómo escribirlas, no sé si hacerle caso al corrector ortográfico o a mi estómago. A veces, las busco para sacarme la duda, otras, me dejo llevar por el instinto; de vez en cuando, las escribo como mejor me suenan y chau.

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.

Cuando se cargan las imágenes de una página, estas quedan almacenadas en el caché. Por lo tanto, si una de ellas se utiliza en otras páginas no será requerida al servidor para ser cargada de nuevo. Por ello, siempre que se pueda, es conveniente repetir la misma imagen para los botones, los íconos, las barras de separación, etc.

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.

Una ventana modal no es otra cosa que un contenedor HTML como cualquier otro que tiene una característica básica, permanecer oculta hasta que se hace click en algún botón. En principio, nada en particular y podrían diseñarse cientos de modelos gráficos pero digamos que lo más usual es que al abrirse, la pantalla se oscurece y sobre la página se muestra un elemento con cierto contenido que luego, podemos cerrar.

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.