ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

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 Кейс W3.CSS Material-дизайн W3.CSS Валидация W3.CSS Версии W3.CSS Мобильность

W3.CSS Цвета

W3.CSS Классы цветов W3.CSS Цвет Material W3.CSS Цвет Flat UI W3.CSS Цвет Metro UI W3.CSS Цвет Win8 W3.CSS Цвет iOS W3.CSS Библиотеки цветов W3.CSS Цветовые схемы W3.CSS Цветовые темы W3.CSS Генератор цветов

Примеры

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

Справочники

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

W3.CSS Уроки для начинающих

W3.CSS Учебник


W3
CSS

Современный адаптивный CSS

W3.CSS - одинаково работает во всех браузерах: Chrome, Firefox, Edge, IE, Safari, Opera.

W3.CSS - одинаково работает на всех девайсах: на настольных компьютерах, ноутбуках, планшетах, смартфонах.

W3.CSS - использует только стандартный CSS (без библиотеки jQuery или JavaScript).


W3.CSS - это CSS фреймворк

W3.CSS - это современный CSS-фреймворк с поддержкой отображения по умолчанию для десктопа, планшета и мобильного устройства.

W3.CSS меньше по объёму и работает быстрее, чем аналогичные CSS-фреймворки.

W3.CSS был разработан, чтобы быть высококачественной альтернативой Bootstrap.

W3.CSS был разработан, чтобы быть меньше, быстрее, чтобы его можно было легче освоить и легче использовать.

W3.CSS также был разработан, чтобы быть независимым от jQuery или любой другой библиотеки JavaScript.

Пример

<div class="w3-container w3-teal">
  <h1>Заголовок</h1>
</div>

<img src="img_car.jpg" alt="Car">

<div class="w3-container">
  <p>Автомобиль - это самоходное транспортное средство на колесах, используемое для перевозки.</p>
</div>

<div class="w3-container w3-teal">
  <p>Футер</p>
</div>
Попробуйте сами »

"Сделайте это как можно проще, но не примитивно."
Альберт Энштейн


W3.CSS бесплатный

W3.CSS бесплатный и свободный для использования. Никакая лицензия не требуется.


Как использовать W3.CSS?

Чтобы использовать W3.CSS на своем веб-сайте, просто добавьте ссылку на "w3.css" со своих веб-страниц:

Пример

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
Попробуйте сами »

Или загрузите w3.css из w3css_downloads и добавьте ссылку на w3.css:

Пример

<link rel="stylesheet" href="w3.css">

Альтернативная ссылка на W3.CSS

Также вы можете воспользоваться альтернативной ссылкой с нашего сайта "W3Schools на русском" для подключения фреймворка W3.CSS на своем веб-сайте, просто добавив ссылку на своих веб-страницах:

Пример

<link rel="stylesheet" href="https://w3schoolsrus.github.io/lib/w3.css">
Попробуйте сами »

Также вы можете разместить файл w3.css на своём сайте и добавить ссылку на файл w3.css на каждой веб-странице между тегами <head> и </head>, где используется данный фреймворк:

Пример

<link rel="stylesheet" href="w3.css">

W3.CSS Шаблоны веб-сайтов

Мы создали несколько адаптивных шаблонов W3CSS для использования всеми желающими.

Вы можете изменять, сохранять, делиться, использовать или делать с ними всё, что захотите:

Шаблон сайта еды

Food Template

Шаблон сайта группы

Band Template

Шаблон сайта кафе

Cafe Template

Свадебный шаблон

Wedding Template

Шаблон сайта-портфолио

Portfolio Template
Посмотреть все шаблоны »