W3.CSS

W3.CSS ГЛАВНАЯ Введение в W3.CSS Цвета W3.CSS Контейнеры W3.CSS Панели W3.CSS W3.CSS Границы Карточки W3.CSS W3.CSS по умолчанию W3.CSS-шрифты W3.CSS Google Текст W3.CSS W3.CSS Раунд W3.CSS заполнение Поля W3.CSS W3.CSS Отображение Кнопки W3.CSS Примечания W3.CSS W3.CSS Цитаты Оповещения W3.CSS W3.CSS-таблицы Списки W3.CSS Изображения W3.CSS Входные данные W3.CSS Значки W3.CSS W3.CSS-теги Иконки W3.CSS W3.CSS Отзывчивый Макет W3.CSS W3.CSS-анимации W3.CSS эффекты W3.CSS бары Выпадающие списки W3.CSS Аккордеоны W3.CSS W3.CSS-навигация Боковая панель W3.CSS Вкладки W3.CSS W3.CSS Пагинация Индикаторы выполнения W3.CSS Слайд-шоу W3.CSS W3.CSS Модальный Подсказки W3.CSS W3.CSS сетка W3.CSS-код W3.CSS-фильтры Тенденции W3.CSS Случай W3.CSS W3.CSS Материал Проверка W3.CSS Версии W3.CSS W3.CSS для мобильных устройств

Цвета W3.CSS

Цветовые классы W3.CSS W3.CSS цветной материал W3.CSS цветной плоский интерфейс W3.CSS Цветной интерфейс Metro W3.CSS Цвет Win8 W3.CSS Цвет iOS W3.CSS Цветовая мода Библиотеки цветов W3.CSS Цветовые схемы W3.CSS Цветовые темы W3.CSS Генератор цветов W3.CSS

Веб-строительство

Веб-введение Веб-HTML Веб-CSS Веб-JavaScript Веб-макет Веб-группа Веб-кейтеринг Интернет-ресторан Веб-архитектор

Примеры

Примеры W3.CSS Демонстрации W3.CSS Шаблоны W3.CSS

использованная литература

Справочник по W3.CSS W3.CSS Загрузки

W3.CSS- код


Примеры отображения

Класс w3-panel используется для отображения примеров в сером контейнере:

Пример

  • Джилл
  • канун
  • Адам


Показать код

Класс w3-code используется для отображения кода удобочитаемым моноширинным шрифтом.

Пример

фрукты[0] = "Банан";
фрукты[1] = "Яблоко";
фрукты[2] = "Манго";
фрукты[3] = "Слива";


Выделите встроенный код

Класс w3-codespan используется для выделения встроенного кода:

Элемент htmlопределяет HTML-страницу.

Пример

The <code class="w3-codespan">html</code> element defines an HTML page.


Код окраски

W3Schools предоставляет библиотеку JavaScript для раскрашивания кода.

Пример

фрукты[0] = "Банан";
фрукты[1] = "Яблоко";
фрукты[2] = "Манго";
фрукты[3] = "Слива";

Вы можете скачать библиотеку отсюда: https://www.w3schools.com/lib/w3codecolor.js

Если вы используете библиотеку w3codecolor.js, вы также можете использовать описанные ниже классы кода:


Выделите код JavaScript

Класс jsHigh используется для выделения кода JavaScript:

Пример

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

Выделите HTML-код

Класс htmlHigh используется для выделения кода HTML:

Пример

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

Выделите код CSS

Класс cssHigh используется для выделения кода CSS:

Пример

<div class="w3-code cssHigh">

.. CSS code here

</div>