W3.CSS- Farbklassen
W3.CSS-Standardfarben
Die in W3.CSS verwendete Standardfarbklasse ist von Material Design inspiriert.
Die Farben von Material Design spiegeln die Farben wider, die in Marketing, Straßenschildern und Haftnotizen verwendet werden.
Beispiel
<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>
London
London ist die bevölkerungsreichste Stadt im Vereinigten Königreich mit einem Ballungsgebiet von über 9 Millionen Einwohnern.
London
London ist die bevölkerungsreichste Stadt im Vereinigten Königreich mit einem Ballungsgebiet von über 9 Millionen Einwohnern.
London
London ist die bevölkerungsreichste Stadt im Vereinigten Königreich mit einem Ballungsgebiet von über 9 Millionen Einwohnern.
Flache Benutzeroberfläche
Flat UI ist eine weitere beliebte Farbklasse, die in W3.CSS verwendet werden kann:
Beispiel
<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>
London
London ist die bevölkerungsreichste Stadt im Vereinigten Königreich mit einem Ballungsgebiet von über 9 Millionen Einwohnern.
In den nächsten Kapiteln dieses Tutorials können Sie mehr über alternative Farbklassen lesen.
Windows Metro-Benutzeroberfläche
Metro ist der Spitzname von Microsoft Design Language (MDL).
Metro konzentriert sich auf Typografie, vereinfachte Symbole und moderne Farben.
Dieses Beispiel zeigt, wie Sie Windows Metro-Farben in W3.CSS verwenden:
Beispiel
<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>
London
London ist die bevölkerungsreichste Stadt im Vereinigten Königreich mit einem Ballungsgebiet von über 9 Millionen Einwohnern.
Windows 8
Windows 8 war das erste große Betriebssystem, das sich auf flaches Design und moderne Farben konzentrierte.
Dieses Beispiel zeigt, wie Windows 8-Farben in W3.CSS verwendet werden:
Beispiel
<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>
London
London ist die bevölkerungsreichste Stadt im Vereinigten Königreich mit einem Ballungsgebiet von über 9 Millionen Einwohnern.