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:
- de autor: las que define el diseñador web
- 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
- 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!
