HTML & CSS

HTML y CSS son la base del desarrollo frontend y las tecnologías fundamentales de casi todos los sitios web. Sin ellos, es imposible construir la estructura y la presentación visual de las interfaces modernas.

En esta categoría encontrarás artículos dedicados a los aspectos prácticos del trabajo con HTML y CSS. Las publicaciones abarcan diversos temas, desde técnicas de maquetación y trucos de estilo hasta patrones útiles que simplifican las tareas frontend cotidianas. Muchos artículos incluyen ejemplos reales de la práctica de desarrollo, demostrando cómo se pueden resolver problemas específicos de maquetación o estilo en proyectos reales. Estos materiales están pensados como referencias prácticas y recordatorios útiles que se pueden reutilizar al crear interfaces web modernas.

Cómo crear un menú desplegable utilizando solo HTML y CSS

HTML & CSS

Last updated: 30.09.2025

En un artículo anterior, vimos cómo crear un menú desplegable con JavaScript (jQuery). En este artículo, veremos cómo crear un menú desplegable usando solo HTML y CSS. Esta implementación no siempre es adecuada para todos, pero en algunos casos puede ser útil. Nuestro menú será horizontal. Los elementos del menú tendrán un ancho fijo. Establezcamos position: relative para todos los elementos de la...

Detail

Problema de escala de imagen en Outlook

HTML & CSS

Last updated: 27.10.2025

Cuando estaba redactando correos electrónicos en HTML, me encontré con el hecho de que en Outlook de escritorio (resulta que alguien más lo usa) las imágenes se mostraban en una escala extraña. Todas las imágenes estaban ampliadas. Resolví este problema de la siguiente manera. Agregué código específico de Outlook a la sección head y agregué algunos atributos a la etiqueta html. Después de agregar ...

Detail

Rotación infinita con animación CSS

HTML & CSS

Last updated: 21.02.2026

Un elemento que gira infinitamente en un sitio web es una forma interesante de atraer la atención del usuario. Es bastante fácil implementar un elemento de este tipo mediante CSS. Aquí hay un ejemplo de código CSS para una rotación infinita en el sentido de las agujas del reloj. CSS [css] .rotate-clockwise { animation-name: clockwise; animation-duration: 3s; animation-iteration-count: ...

Detail

Cómo añadir un favicon a un sitio web

HTML & CSS

Last updated: 21.02.2026

Un favicon es un icono de un sitio web. La forma más sencilla de añadirlo a la página es colocar un icono con el nombre favicon.ico de 16 x 16 píxeles en la raíz del sitio. O bien, establecer una ruta escribiendo una línea en una sección <head> HTML [html] <link rel="shortcut icon" href="/images/favicon.ico"> [/html] En la realidad actual, un icono no es sufici...

Detail

Cómo centrar un elemento verticalmente usando CSS (alineación vertical)

HTML & CSS

Last updated: 21.02.2026

Existen varias formas de alineación vertical. En diferentes situaciones, existen diferentes métodos adecuados. Veamos algunos de ellos. 1. Uso de Flexbox El método más sencillo y más utilizado: [css] .container { display: flex; align-items: center; /* Centers vertically */ justify-content: center; /* Optional: Centers horizontally */ height: 100vh; /* Full viewport height, if neede...

Detail