firmas css

Las firmas css es una idea que se le ocurrió a Eric Meyer hace ya un par de añitos que consiste en ponerle un id a la etiqueta body, tal que así:

<body id=”www-avidos-net-blogold”>

para permitir que cualquiera pueda, mediante hojas de estilo de usuario, cambiar el aspecto de nuestra página, sin afectar el aspecto de los demás sitios web.

Lo explico un poco más: las hojas de estilo pueden tener tres orígenes:

  1. de autor: las que define el diseñador web
  2. de usuario: como usuarios, podemos definir una hoja de estilos que pisaría la hoja de estilos de autor, y definiría el aspecto de cualquier página que vieramos
  3. de agente de usuario (navegador): es la hoja de estilos que cada navegador tiene por defecto y que definien, por ejemplo, que los enlaces sean azules y los h1 tengan un determinado tamaño de texto.

El hecho de que el CSS sean en cascada permite definir un peso a cada hoja de estilos, de forma que cuando se llama a varias hojas, se aplique la que tenga mayor peso.

Por defecto, la hoja de estilos que más peso tiene es la de autor. Pero si definimos algo en esta hoja de estilos (por ejemplo, que el color de los enlaces sea rojo), se aplicará a todas las páginas por las que naveguemos.

Esto es muy útil de cara a la accesibilidad, pues nos permite definir el tamaño de letra (más grande) y el color (con más contraste) de cualquier página que visitemos.

Pero si sólo queremos cambiar el aspecto de una página en concreto, podemos hacerlo si el autor nos lo ha permitido con una firma CSS. Porque, mediante selectores descendientes, podriamos definir el aspecto de esa página en concreto.

Así que… marchando un id para el body de blogold!


Escrito por missha el 05/08/2004. Categorías: css


Hay 5 comentarios

  1. Pues a mí no me gusta que cambien el aspecto de mi página, me gusta que se vea tal como está diseñada… ¿Seré raro? :-S

  2. Aparte, también me gusta ver otras webs tal y como están diseñadas…

    ¿Seré un caso aparte? :-S

  3. Por cierto, hay un problema con el campo de URI, reemplaza el signo \”~\” de la dirección con lo cual queda inservible :-(

  4. Pues creo que con la cantidad de dispositivos de acceso (cada vez mas) y agentes de usuario diferentes que existen, dificilmente conseguiras que se vea \”tal como esta diseñada\”.

    Ademas ese se acerca mas al diseño en papel que al diseño web…

  5. Creo que no existe, en el web, el diseño \”tal como lo hizo el autor\”, salvo que te lleves a tu casa a los usuarios y los sientes frente a tu ordenador.
    La web no se pensó para eso. Entiendo que, después de muchas horas de trabajo, al diseñador le guste que los demás vean lo que el ve, pero la web no es así, cuanto antes lo aceptemos mejor diseñaremos.
    Diseño centrado en el usuario ses llama eso.

Deja tu comentario

Sobre blogold

blogold era un blog sobre desarrollo y estándares web, diseño gráfico, usabilidad, new media y ciberespacio.


Otros blogs de ávidos

ring
blog sobre desarrollo y usabilidad web para dispositivos móviles.
detalles
blog sobre diseño gráfico, ilustración, motion graphics y street art.
blog
noticias sobre los últimos movimientos y proyectos de ávidos.