Classes de couleurs W3.CSS
Couleurs par défaut W3.CSS
La classe de couleurs par défaut utilisée dans W3.CSS est inspirée de Material Design.
Les couleurs Material Design reflètent les couleurs utilisées dans le marketing, les panneaux de signalisation et les notes autocollantes.
Exemple
<div class="w3-red">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Londres
Londres est la ville la plus peuplée du Royaume-Uni, avec une aire métropolitaine de plus de 9 millions d'habitants.
Londres
Londres est la ville la plus peuplée du Royaume-Uni, avec une aire métropolitaine de plus de 9 millions d'habitants.
Londres
Londres est la ville la plus peuplée du Royaume-Uni, avec une aire métropolitaine de plus de 9 millions d'habitants.
Interface utilisateur plate
Flat UI est une autre classe de couleurs populaire qui peut être utilisée dans W3.CSS :
Exemple
<div class="w3-flat-turquoise">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Londres
Londres est la ville la plus peuplée du Royaume-Uni, avec une aire métropolitaine de plus de 9 millions d'habitants.
Vous pouvez en savoir plus sur les classes de couleurs alternatives dans les prochains chapitres de ce didacticiel.
Interface utilisateur Windows Metro
Metro est le surnom de Microsoft Design Language (MDL).
Metro se concentre sur la typographie, les icônes simplifiées et les couleurs modernes.
Cet exemple montre comment utiliser les couleurs Windows Metro dans W3.CSS :
Exemple
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Londres
Londres est la ville la plus peuplée du Royaume-Uni, avec une aire métropolitaine de plus de 9 millions d'habitants.
Windows 8
Windows 8 a été le premier système d'exploitation majeur axé sur le design plat et les couleurs modernes.
Cet exemple montre comment utiliser les couleurs Windows 8 dans W3.CSS :
Exemple
<div class="w3-win8-lime">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Londres
Londres est la ville la plus peuplée du Royaume-Uni, avec une aire métropolitaine de plus de 9 millions d'habitants.