W3.CSS Barvy
Výchozí barevné schéma použité ve W3.CSS je inspirováno barvami Material Design Colors (barvy používané v marketingu, dopravních značkách a lepicích poznámkách).
Barvení prvků HTML
Třídy w3 - color a w3-text- color lze použít k obarvení libovolného HTML elementu:
Kontejnery:
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
tlačítka:
Text:
Hranice:
Červené
Zelená
Modrý
Žlutá
Šedá
Černá
Tabulky:
název | Body |
---|---|
Jill Smithová | 50 |
Eva Jacksonová | 94 |
Adam Johnson | 67 |
karty:
Automobil je kolové motorové vozidlo s vlastním pohonem používané k přepravě. Většina definic termínu upřesňuje, že auta jsou navržena tak, aby jezdila primárně na silnicích, aby měla sezení pro jednoho až osm lidí, aby měla typicky čtyři kola. (Wikipedie)
Barvy pozadí
Třídy w3- color nastavují barvu pozadí pro jakýkoli HTML element:
Londýn
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Londýn
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Londýn
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Příklad
<div class="w3-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-yellow">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-gray">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Barvy šedá a šedá jsou zaměnitelné ve všech třídách W3.CSS.
Barvy textu
Třídy w3-text- color nastavují barvu textu libovolného HTML elementu:
Londýn
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Londýn
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Příklad
<div class="w3-text-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Vznášet barvy
Třídy w3-hover- color definují barvu pozadí pro jakýkoli HTML element:
Londýn
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Příklad
<div class="w3-container w3-orange w3-hover-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
Třídy w3-hover-text- color definují barvu kurzoru textu pro jakýkoli prvek HTML:
Londýn
Londýn je nejlidnatější město Spojeného království s metropolitní oblastí s více než 9 miliony obyvatel.
Příklad
<div class="w3-container w3-orange w3-hover-text-white">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
Barevné knihovny
Kromě standardních barev W3.CSS může W3.CSS používat také barvy z mnoha různých knihoven barev:
Barvy Windows:
Kliknutím sem se dozvíte více o barvách Windows
Módní barvy:
žlutá
smrk
pivoňka
Port
Kliknutím sem se dozvíte více o módních barvách
Barvy dálnice:
Kliknutím sem se dozvíte více o knihovnách barev
Mnohem více o barvách se dozvíte v dalších kapitolách tohoto tutoriálu.