Comenzando a programar una web
Antes de empezar una plantilla recomiendo usar estas tres simples propiedades, que nos ahorrarán algún que otro dolor de cabeza y harán nuestro código más correcto.
Tres reglas básicas:
Primera regla: Cada navegador utiliza una hoja de estilos por defecto, y hay diferencias en los márgenes (margin) y rellenos (padding). Por ejemplo algunos utilizan el margen para situar los marcadores de las listas y otros el relleno. Lo que hago con la primera regla es poner todos los márgenes y rellenos de todos los elementos a 0, de forma que los valores que aplique a continuación se comportarán igual en todos los navegadores.
Segunda regla: Por otra parte, el tamaño del texto por defecto en los navegadores es inexplicablemente grande, más o menos un 200% de la fuente del sistema. Asà que una de las primeras cosas que se suele hacer es buscar tamaños más pequeños. En la práctica sólo pueden usarse dos unidades para especificar el tamaño de las fuentes: px y em. Cualquier otra hará que las fuentes se vean de distinto tamaño en algunos navegadores. Pero si usamos px entonces no se podrán redimensionar los textos en IE, presentando un problema de accesibilidad. Asà que sólo nos queda em, que para valores menores que 1 en IE se verán excesivamente pequeños. Lo que hago con la primera regla es reducir el tamaño por defecto al 76%, asà que 1em presenta un resultado satisfactorio y evita la necesidad de usar valores menores. Si quieres saber por qué el 76% y no otro porcentaje visita la web de Owen Briggs, que es el que hizo el impresionante trabajo de investigación.
La última regla no tiene misterio: elimino los bordes de las imágenes, ya que no suelo utilizarlos (como la mayorÃa de la gente, vaya).
Parte de un artÃculo publicado en Tomatoma por Morris
6 Abril 2006 · Tags Sin categorÃa |
[…] Conocer más sobre las tres reglas de oro del CSS. […]