El código CSS que se utilizará para obtener la equivalencia es el siguiente: body, html{font-size: 62.5%;} body {font-size: 101%;} html>body {font-size: 100%;} *:first-child+html body {font-size: 101%;} Antes de crear ninguna regla la equivalencia de 1em es 16px. Por ello puede resultar un poco complicado hacer los cálculos para montar un CSS con medidas en EM. […]

El modelo de caja se compone de las siguientes propiedades: width: la anchura del elemento. padding: el relleno del elemento. border: el borde del elemento. margin: el margen del elemento. Y viene a ser algo así: O así (imagen de Wikipedia): Un ejemplo Supongamos que tenemos un elemento DIV que deba tener una anchura total […]

A veces la cantidad de tiempo que tarda Windows XP en apagarse o reiniciarse es exasperante. Pero Microsoft nos da la solución: Apagado rápido de Windows XP P. Si le parece excesivo el tiempo que tarda Windows Xp para apagar el equipo, vamos a agilizar el proceso de apagado: R. Ejecutamos regedit. Entramos luego hasta […]

El atributo scope se utiliza para vincular la información contenida en las diferentes celdas de una tabla. Este atributo especifica el conjunto de celdas cuya información se refiere a la celda que contiene este atributo. Supone una alternativa simple al atributo headers. El atributo scope puede tomar uno (solamente uno) de los siguientes valores: row. […]

En el caso de crear una serie de listas ordenadas que tengan continuidad de una a otra puede ser interesante que algunas empiecen por un número distinto de 1. La solución a ese problema es el atributo start en el eelemento OL. Pero resulta que el W3C lo considera fuera de uso, por lo que […]

En Notepad++ para seleccionar una columna de texto (por ejemplo, solo la parte izquierda de varias líneas) basta con pulsar ALT y realizar la selección mientras se continúa manteniendo pulsado.

Notepad++ tiene una interesante función de sustitución de texto que funciona de la siguiente forma: se escribe una palabra, se pulsa CTRL+INTRO y esa palabra se sustituye por un texto que se le asoció previamente. Para realizar esa asociación de texto hay que ir a la siguiente opción de menú: Plugins > QuickText > Options. […]

Anteriormente había hablado de la especificidad en CSS. En esta ocasión voy a tratar el tema de una forma más clara y añadir algunos detalles que se me pasaron en la ocasión anterior. Valores a tener en cuenta: lista resumida Se deben tener en cuenta los siguientes valores: El identificador vale 100. La clase vale […]

Las interfaces web se componen de tres capas: Contenido. Presentación. Comportamiento. Presentación y comportamiento son opcionales. Contenido Se trata del contenido y de su estructuración semántica: el documento HTML. Cada porción de texto deberá ser contenida en el elemento adecuado a su contexto (párrafos, listas, encabezados, etc.), o llevar la información adicional que sea necesaria […]

Artículo obsoleto: He publicado una nueva versión con una explicación más clara y con algunos errores corregidos.