Buenos días:
Voy a acometer el rediseño de una web bastante grande, que conllevará una
nueva hoja de estilos.
En la primera versión, decidimos crear estilos individuales para cada tipo
de texto, es decir, que esos estilos sólo contenían información relativa a
la fuente, nada de paddings, margins, etc. Por ejemplo:
.text_12{
color:#000;
font-size:12px;
text-decoration:none;
}
El objetivo era obtener un juego de fuentes que pudiesen reutilizarse en
todo el site, sin importar su contenedor. Aún así, de este modo llegamos a
crear más de 80 estilos de texto diferentes, por las diversas variaciones de
color, bold, tamaños, etc.
Me parecen mucho estilos y pensaba optimizar el número de estilos relativos
a fuentes mediante diversas pautas:
- Usando em's y estableciendo con el diseñador una jerarquía de tamaños en
todas las páginas de la web. De este modo, se definiría un tamaño para los
títulos, otro para subtítulos y así sucesivamente.
- Creando clases para la alineación. Por ejemplo, .left{text-align:left;},
.justify{text-align:justify;}, etc.
- Emplear <strong> y <em> para las negritas y cursivas en lugar de crear
clases nuevas para un mismo estilo de fuente cuando solamente cambian estas
propiedades.
- Crear clases individuales para modificar el color de la fuente. Por
ejemplo: .blanco{color:#FFF;}
Las clases se aplicarían en el html del siguiente modo:
<div class="titulo blanco justify"><em>Cassanova</em></div>
Donde resultaría que el texto se mostraría con el tamaño definido en titulo,
aparecería justificado en cursiva y en color blanco.
De este modo pienso que con un número reducido de clases podría tener una
gran combinación de estilos de fuentes para combinar en el site.
¿Qué os oparece, véis algún inconveniente?
Gracias
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
