Ir directamente al contenido de esta página
Por último, y antes de entrar en las cuestiones de validación y accesibilidad, me gustaría dar una serie de consejos para optimizar un documento CSS; son una serie de prácticas que suelo aplicar, y que me sirven para mantener mis hojas de estilo lo más compactas posibles:
body
que duplicar las reglas para cada una de las columnas.Agrupar selectores cuando coincidan sus declaraciones. Así, si por ejemplo tenemos:
#herramientas{
color:#009;
background:#E1E1E1;
font-size:90%;
text-align:center;
}
#pie{
color:#009;
background:#CCC;
font-size:90%;
text-align:center;
}
se ahorran líneas de código de esta manera:
#herramientas,#pie{
color:#009;
background:#E1E1E1;
font-size:90%;
text-align:center;
}
#pie{
background:#CCC;
}
class
, en favor de id
y de los selectores avanzados, como ya he explicado en la sección anterior.No especificar los valores por defecto de una propiedad, salvo cuando se pretenda restituir este valor frente a otro heredado. A lo que me refiero es que una declaración inicial como ésta:
h1{
color:inherit;
background:inherit;
display:block;
text-align:left;
width:auto;
height:auto;
}
es totalmente innecesaria, puesto que esos son los valores que ya por defecto se van a aplicar para un encabezado. Sé que parece obvio, pero es sorprendente la cantidad de hojas de estilo con las que uno tropieza en las que se ven reglas similares…