Return to Snippet

Revision: 12653
at April 17, 2009 11:58 by demixo


Updated Code
/* @group Enlaces */
a {
  outline:none;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

/* @end */


/* @group Encabezados */
h1 {

}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {

}

h2 {

}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {

}

h3 {

}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active {

}
/* @end */


/* @group Listas */

/*default list*/

/*action list*/

/*toggle list*/

/*external link list*/

/*product list*/

/*feature list*/

/* @end */


/* @group Elementos de pagina */
/*Paginado*/
/*Calendario*/
/*Comentarios*/
/* @end */

Revision: 12652
at April 17, 2009 11:54 by demixo


Updated Code
/* @group Enlaces */
a {
  outline:none;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

/* @end */


/* @group Encabezados */
h1 {

}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {

}

h2 {

}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {

}

h3 {

}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active {

}
/* @end */


/* @group Listas */

/*default list*/

/*action list*/

/*toggle list*/

/*external link list*/

/*product list*/

/*feature list*/

/* @end */


/* @group Elementos de pagina */

/* @end */

Revision: 12651
at March 24, 2009 08:19 by demixo


Updated Code
/* @group Enlaces */
a {
  outline:none;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

/* @end */


/* @group Encabezados */
h1 {

}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {

}

h2 {

}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {

}

h3 {

}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active {

}
/* @end */


/* @group Listas */

/*default list*/

/*action list*/

/*toggle list*/

/*external link list*/

/*product list*/

/*feature list*/

/* @end */

Revision: 12650
at March 23, 2009 15:29 by demixo


Updated Code
/* @group Encabezados */
h1 {

}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {

}

h2 {

}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {

}

h3 {

}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active {

}
/* @end */


/* @group Listas */

/*default list*/

/*action list*/

/*toggle list*/

/*external link list*/

/*product list*/

/*feature list*/

/* @end */

Revision: 12649
at March 23, 2009 15:19 by demixo


Initial Code
/* @group Encabezados */
h1 {

}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active {

}

h2 {

}
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active {

}

h3 {

}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active {

}

/* @end */

Initial URL


Initial Description
<h2>POSH => HTML semántico</h2>
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>

<h2>Ordenar estilos por especificidad</h2>
<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>

<h2>Agrupando</h2>
<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>

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

Initial Title
Construyendo un css mantenible

Initial Tags
css

Initial Language
CSS