Hola a todos, cómo van??
Hace tiempo, desde que aprendí CSS(no es que sepa mucho, pero ya no me cuelgo jeje) mi estilo de maquetación la venía trabajando: div's y clases.
Antes si me pidían una página con los siguientes requerimientos:
- Maquetada a 2 columnas
- La columna de la izquierda, los links van de color verde y deben llevar un estilo de viñeta en cada link (list-style-image)
- La columna de la derecha debe llevar los párrafos de color gris.
Lo hubiera hecho así:
Código HTML:
<div id="izquierdo">
<ul class="estiloimagen">
<li><a href="" class="linksverdes" title="">Link 1</a></li>
<li><a href="" class="linksverdes" title="">Link 2</a></li>
<li><a href="" class="linksverdes" title="">Link 3</a></li>
</ul>
</div>
<div id="derecho">
<h1>Titulo</h1>
<p class="textogris">Texto texto texto texto</p>
<p class="textogris">Texto texto texto texto</p>
<p class="textogris">Texto texto texto texto</p>
</div>
Se fijan que mi maquetación anterior llevaría una clase para <ul> (estiloimagen), una clase para los links (linksverdes) y una clase para los párrafos <p> (textgris)??? De esa manera lo hubiera hecho anteriormente.
Ahora, no sé, por que me ha dado por maquetar de otra manera, de la manera como lo estoy haciendo, lo montaría así:
Código HTML:
<div id="izquierdo">
<ul>
<li><a href="" title="">Link 1</a></li>
<li><a href="" title="">Link 2</a></li>
<li><a href="" title="">Link 3</a></li>
</ul>
</div>
<div id="derecho">
<h1>Titulo</h1>
<p>Texto texto texto texto</p>
<p>Texto texto texto texto</p>
<p>Texto texto texto texto</p>
</div>
Los CSS de este nuevo quedaría así:
Código:
#izquierdo
{
float:left;
width:48%;
}
#izquierdo ul
{
list-style-image:(url:'direccion');
}
#izquierdo a, a:links, a:hover, a:.......
{
color:#060;
}
#derecho
{
float:right;
width:48%;
}
#derecho p
{
color:#ccc;
}
Entienden la diferencia?? En la primera maquetación me basé en clases para llevar a cabo los efectos, en la segunda quité las clases e hice una especie de "herencia"...
Después de todo esto, viene mi pregunta: Cuál es mejor?? Desventajas y ventajas de cada una?? He mejorado sintácticamente con la segunda, me estoy devolviendo??
Espero me hayan entendido...
Saludos
