22-02-2011, 09:35 PM
Entièrement d'accord avec Sephi.
CSS évolue de plus en plus en parallèle avec le XHTML pour alléger un max le code source (balise div, span, etc ...).
Ainsi on dissocie la couche MARKUP et la couche DESIGN.
Par exemple au mieu d'avoir :
On va le "Simplifier" en utilisant les sélecteurs :
Et hop, séparation des couches
CSS évolue de plus en plus en parallèle avec le XHTML pour alléger un max le code source (balise div, span, etc ...).
Ainsi on dissocie la couche MARKUP et la couche DESIGN.
Par exemple au mieu d'avoir :
Code :
<ul>
<li class='first'>Premier item</li>
<li>Middle item</li>
<li class='last'>Dernier item</li>
</ul>
li { border-top:1px solid #FFF;border-bottom:1px solid #000; }
li.first { border-top:none }
li.last { border-bottom:none }
On va le "Simplifier" en utilisant les sélecteurs :
Code :
<ul>
<li>Premier item</li>
<li>Middle item</li>
<li>Dernier item</li>
</ul>
li { border-top:1px solid #FFF;border-bottom:1px solid #000; }
li:first-child { border-top:none }
li:last-child { border-bottom:none }
Et hop, séparation des couches