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…
Probamos MapBox, una alternativa a Google Mpas a la hora de incluir un mapa en una página web.
Un dato importante sobre el resultado de evaluar la fecha 0000-00-00 en PHP.
Experimentamos con un método para servir imágenes de tamaños dependientes de la pantalla del usuario sin emplear JavaScript ni PHP.
(cc) CodexExempla.org, 2007–2019 Mapa del sitio | XHTML | CSS | AA