W3.CSS Классы цветов
W3.CSS Цвета по умолчанию
Класс цвета по умолчанию, используемый в W3.CSS, вдохновлен Material Design.
Цвета Material Design отражают цвета, используемые в маркетинге, на дорожных знаках и указателях.
Пример
<div class="w3-red">
<p>Лондон - самый густонаселенный город в Соединенном Королевстве,
с населением более 9 миллионов человек.</p>
</div>
Лондон
Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.
Лондон
Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.
Лондон
Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.
Flat UI / Плоский пользовательский интерфейс
Плоский пользовательский интерфейс (Flat UI) - еще один популярный цветовой класс, который можно использовать в W3.CSS:
Пример
<div class="w3-flat-turquoise">
<p>Лондон - самый густонаселенный город в Соединенном Королевстве,
с населением более 9 миллионов человек.</p>
</div>
Лондон
Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.
Вы можете прочитать больше об альтернативных цветовых классах в следующих главах этого урока.
Windows Metro UI
Metro - это псевдоним Microsoft Design Language (MDL).
Metro ориентирован на типографику, упрощенные иконки и современные цвета.
В этом примере показано, как использовать цвета Windows Metro в W3.CSS:
Пример
<div class="w3-metro-light-green">
<p>Лондон - самый густонаселенный город в Соединенном Королевстве,
с населением более 9 миллионов человек.</p>
</div>
Лондон
Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.
Windows 8
Windows 8 была первой крупной операционной системой, ориентированной на плоский дизайн и современные цвета.
В этом примере показано, как использовать цвета Windows 8 в W3.CSS:
Пример
<div class="w3-win8-lime">
<p>Лондон - самый густонаселенный город в Соединенном Королевстве,
с населением более 9 миллионов человек.</p>
</div>
Лондон
Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.
Меню бургер
Меню аккордеон
Меню вкладки
Вертикальные вкладки
Заголовки вкладок
Вкладки полной страницы
Вкладки при наведении
Верхний навбар
Адаптивный верхний навбар
Навбар с иконками
Меню поиска по сайту
Панель поиска по сайту
Фиксированный сайдбар
Боковой сайдбар
Адаптивный сайдбар
Полноэкранный навбар
Меню Off-Canvas
Кнопки навбара при наведении
Сайдбар с иконками
Горизонтальное меню с прокруткой
Вертикальное меню
Нижняя навигация
Адаптивная нижняя навигация
Нижняя граница навигационных ссылок
Сайт работает на фреймворке W3.CSS.
