No me considero la persona más experimentada en la utilización de las hojas de estilo o CSS, y es por ello que he tenido que investigar y leer mucho para ampliar mis conocimientos al respecto. Ya que con esto de la optimización de los Sitios Web, ya nadie quiere armar sus paginas con algo que no sea CSS. Y bien es cierto que nos ahorran mucho tiempo a la hora realizar cambios en nuestros sitios (sobre todo si son muy grandes), con un simple clic se modifica todo. En Y-Times he encontrado una interesante lista de consejos que nos guiaran en lo que se debe y no se debe hacer para obtener un buen CSS.
Coloca tu hoja de estilo en un archivo externo. Esto quiere decir que debes grabar tu hoja de estilo en uno o más archivos css, y ligarlos utilizando link rel=”stylesheet” type=”text/css” href=”/lib/yourstoreid/yourstyle.css”>
Combina la menor cantidad de hojas de estilo. Si vas a utilizar varias hojas de estilo colócales un nombre con el cual puedas reconocer para que las estas utilizando, no vayas a tener que visitar las 10 que hiciste en busca del archivo correcto
Utilizas los IDs para identificar los elementos.
No repitas las clases (classes) sin ningún propósito, como por ejemplo:
< a href=”index.html” class=”nav”>Home
< a href=”info.html” class=”nav”>Info
< a href=”contents.html” class=”nav”>Contents
Define el estilo principal primero, y de ahí parte a definir aquellos que son más específicos.
No utilizar ¡importan a menos que sea necesario. Recuerda que si lo utilizas tomará precedencia sobre cualquier cosa definida hasta ese punto.
No utilices las cadenas de estilos con los IDs. Recuerda que los IDs son únicos así que refiérelos, evita utilizar #main (por ejemplo) que estarás diciéndole al sitio que este es el que tiene que prevalecer entre los demás.
