W3.Klasy kolorów CSS


W3.CSS Domyślne kolory

Domyślna klasa kolorów używana w W3.CSS jest inspirowana Material Design.

Kolory Material Design odzwierciedlają kolory używane w marketingu, znakach drogowych i karteczkach samoprzylepnych.

Przykład

<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>

 

Londyn

Londyn to najbardziej zaludnione miasto w Wielkiej Brytanii, z obszarem metropolitalnym liczącym ponad 9 milionów mieszkańców.

Londyn

Londyn to najbardziej zaludnione miasto w Wielkiej Brytanii, z obszarem metropolitalnym liczącym ponad 9 milionów mieszkańców.

Londyn

Londyn to najbardziej zaludnione miasto w Wielkiej Brytanii, z obszarem metropolitalnym liczącym ponad 9 milionów mieszkańców.


Płaski interfejs użytkownika

Flat UI to kolejna popularna klasa kolorów, która może być używana w W3.CSS:

Przykład

<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>

 

Londyn

Londyn to najbardziej zaludnione miasto w Wielkiej Brytanii, z obszarem metropolitalnym liczącym ponad 9 milionów mieszkańców.

Możesz przeczytać więcej o alternatywnych klasach kolorów w kolejnych rozdziałach tego samouczka.



Interfejs Windows Metro

Metro to pseudonim Microsoft Design Language (MDL).

Metro stawia na typografię, uproszczone ikony i nowoczesną kolorystykę.

Ten przykład pokazuje, jak używać kolorów Windows Metro w W3.CSS:

Przykład

<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>

 

Londyn

Londyn to najbardziej zaludnione miasto w Wielkiej Brytanii, z obszarem metropolitalnym liczącym ponad 9 milionów mieszkańców.


Windows 8

Windows 8 był pierwszym głównym systemem operacyjnym skoncentrowanym na płaskiej konstrukcji i nowoczesnych kolorach.

Ten przykład pokazuje, jak używać kolorów Windows 8 w W3.CSS:

Przykład

<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>

 

Londyn

Londyn to najbardziej zaludnione miasto w Wielkiej Brytanii, z obszarem metropolitalnym liczącym ponad 9 milionów mieszkańców.