La especificidad es muy útil para evitar el valor !important dentro de las propiedades CSS o tener que poner unas reglas forzosamente después de otras para que, de ese modo, puedan ser aplicadas. Como calcular la especificidad de los selectores Primer paso: Contar el número de atributos ID en el selector (=a). Contar el número […]

Cuando se ponen dos valores numéricos pueden surgir dudas de cual es el vertical y cual el horizontal: background-position: X Y; La X sería el valor horizontal, y la Y el valor vertical. Siempre que sean medidas con valores numéricos. Si se trata de valores no numéricos (left, right, bottom, top) da igual el orden. […]

Actualizado 18 septiembre 2007 A veces para un elemento se define un fondo que cambia según el estado de dicho elemento. ¿Varios fondos suponen varias imágenes? No. Pongamos por ejemplo un listado de enlaces en una barra de navegación vertical, en la que los enlaces de los elementos de lista (li) tienen tres fondos distintos: […]

Cuando se prueba una página en Firefox es interesante probarla en varias versiones, no solo en la última, ya que hay usuarios que siguen utilizando versiones antiguas. Además, la versión 1.5 aun tiene soporte. Y como no se pueeden tener abiertas dos o más versiones de Firefox de forma simultánea resulta muy incómodo tener que […]

Actualizado 2011-03-10. ¿En que elementos se usa? Lo primero que hay que saber es en que elementos puede utilizarse el atributo accesskey: a area button input label legend textarea Excepto a y area se trata de elementos de formulario. ¿Cómo funciona? Activando las teclas de acceso y pulsando la tecla de acceso (depende de cada […]

Unas cuantas pautas para mejorar el marcado HTML según 456 Bereast (algunas de ellas un poco obvias): Orientación a la máxima simplicidad que sea posible. No usar tablas para la maquetación. Evitar la inclusión de un atributo class a cada elemento al que se quiera dar un estilo. Es mejor usar selectores descendentes, evitando así […]

Esta página está obsoleta y contiene algunas imprecisiones. Ir a nuevo listado de selectores (en inglés). Para Internet Explorer 6 y anteriores: * html {} Solamente Internet Explorer 7 * + html/*/ * /**/ body {} Internet Explorer 7 y superior: *:first-child+html {} Para Internet Explorer 8 y anteriores se usan los dos selectores anteriores: […]

Para casos en los que el principio de un párrafo tenga importancia suficiente para ser un encabezado (h1–h6) en lugar de un mero strong. ¿Qué hacer para que un encabezado y un párrafo situado a continuación (p) aparezcan al mismo nivel (en la misma línea del texto)? Definir una regla CSS con display: run-in;. Tiene […]

Las listas en XHTML pueden estar anidadas, usando al mismo tiempo diferentes tipos de listas (ver resultado en el navegador): <dl> <dt>Aplicaciones a utilizar:</dt> <dd> <ul> <li>Quanta</li> <li>The Gimp</li> <li>Mozilla Firefox</li> </ul> </dd> <dt>Pasos a seguir:</dt> <dd> <ol> <li>Prototipado en papel de la interfaz y la estructura del sitio.</li> <li>Evaluar la usabilidad de los resultados […]

En ocasiones resulta interesante poder utilizar un navegador Gecko en una máquina de pocos recursos. Los binarios oficiales de SeaMonkey y de Firefox solamente se hacen para GTK2, de forma que las máquinas con cierta antigüedad sufren un poco al ejecutarlos. La solución pasa entonces por conseguir binarios compilados para GTK1, así se podrán usar […]