POSH => HTML semántico
http://aprendiendoweb.com/2008/08/posh-html-semantico
<ol>
<li>Debe ser HTML válido</li>
<li>No se deben usar elementos de presentación como &lt;b&gt; o &lt;i&gt;</li>
<li>Todos los estilos deben darse usando CSS</li>
<li>Todos los links deben apuntar a algún lado (nada de dejar el href="" vacío)</li>
<li>Los atributos class e id deben describir el tipo de información que lleva el elemento y no cómo debería verse</li>
</ol>

Ordenar estilos por especificidad
<ul>
<li>Elementos, agrupados por el tipo de etiquetas</li>
<li>Clases, agrupados por el efecto que crean</li>
<li>IDs, agrupados por el componente que afectan</li>
</ul>

Agrupando
<strong>Estilos generales</strong>
<ul>
<li>Estilos del body</li>
<li>Reset</li>
<li>Enlaces</li>
<li>Encabezados</li>
<li>Listas</li>
<li>Otros estilos</li>
</ul>

<strong>Helper styles</strong>
<ul>
<li>Formularios</li>
<li>Notificaciones y errores</li>
</ul>

<strong>Estructura de página</strong>

<strong>Páginas componentes</strong>

<strong>Overrides</strong>

Trucos IE6
<strong>Texto fantasma:</strong>
http://www.toastedweb.si/docs/ie_ghost_text_bug_fix.html