ZanCajO.com

Toqueteando ayer otro poco los estilos descubrí que sólo hay 5 tipos de fuentes genéricos, como si llevas cinco años conduciendo y ayer encuentras el mando del limpia trasero.

Podría ser útil si se mostrasen igual en todos los navegadores, pero como siempre el IE no muestra los resultados como el firefox y el chrome. Sólo he puesto un estilo condicional por el tamaño para el IE, A mí me vale con que sean fuentes distintas.

Ejemplos de los 5 tipos genéricos.

• Fuente serif

  En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

• Fuente sans-serif

  En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

• Fuente cursive

  En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

• Fuente fantasy

  En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

• Fuente monospace

  En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

¡¡Qué bueno es leer!!

He descubierto los seudo elementos y las seudo clases de CSS, algunas ya las conocía, pero otras se ven poco y me han parecido muy vistosas.

• Seudo elementos
  • :first-line o primera línea
  • :first-letter o primera línea
  • :before y :alter o elementos anteriores o posteriores
• Seudo clases
  • :first-child o elemento hijo
  • :link , :visited y :hover son los conocidos para los enlaces, los enlaces visitados y los enlaces al poner el puntero encima.

El que hoy empiezo a usar es el :first-letter y de momento sólo en los encabezados h2 y h3. Con los div no me funciona, pero seguiré buscando.

Hace tiempo que tengo pendiente ver cual es la razón por la que al imprimir no me respetaba los estilos. Seguramente sea por ser raro y utilizar un navegador raro (Mozilla Firefox) con un sistema operativo más raro aún (Ubuntu). Y creo que he dado con la solución, sin cambiar de navegador ni de sistema operativo, que también las minorías tenemos derecho a que alguien se acuerde de nosotros.

La primera prueba ha sido eliminar la hoja de estilos e incluir los mismos en la cabecera quitando el enlace relativo (más…)

Se está poniendo de moda crear una imagen que flote, normalmente, al final de la página.Es muy sencillo. (más…)

Para que alguna imagen o varias tengan el aspecto de un cuadro bastaría con añadirlas un borde. (más…)