HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Учебник по CSS

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

CSS расширенный

CSS закругленные углы Изображения границ CSS CSS-фоны Цвета CSS Цветовые ключевые слова CSS CSS-градиенты
Линейные градиенты Radial Gradients Conic Gradients
CSS-тени
Shadow Effects Box Shadow
Текстовые эффекты CSS Веб-шрифты CSS 2D-преобразования CSS CSS 3D-преобразования CSS-переходы CSS-анимации Подсказки CSS Изображения в стиле CSS Отражение изображения CSS CSS объект-подгонка CSS-позиция объекта Маскировка CSS CSS-кнопки Разбивка на страницы CSS Несколько столбцов CSS Пользовательский интерфейс CSS CSS-переменные
The var() Function Overriding Variables Variables and JavaScript Variables in Media Queries
Размер блока CSS Медиа-запросы CSS Примеры CSS MQ CSS флексбокс
CSS Flexbox CSS Flex Container CSS Flex Items CSS Flex Responsive

CSS Отзывчивый

Введение в задний привод Окно просмотра RWD Представление сетки RWD Медиа-запросы RWD Изображения RWD Видео с задним приводом Рамки RWD Шаблоны RWD

CSS -сетка

Введение в сетку Контейнер сетки Элемент сетки

CSS SASS

Учебник по SASS

Примеры CSS

CSS-шаблоны Примеры CSS css викторина CSS-упражнения Сертификат CSS

Ссылки на CSS

Справочник по CSS Селекторы CSS CSS-функции Справочник по CSS Безопасные веб-шрифты CSS CSS анимация Единицы CSS Конвертер CSS PX-EM Цвета CSS Значения цвета CSS Значения CSS по умолчанию Поддержка CSS-браузера

Адаптивный веб-дизайн — Введение

❮ Предыдущий Следующий ❯

Что такое адаптивный веб-дизайн?

Благодаря адаптивному веб-дизайну ваша веб-страница будет хорошо выглядеть на всех устройствах.

Адаптивный веб-дизайн использует только HTML и CSS.

Адаптивный веб-дизайн — это не программа и не JavaScript.

Дизайн для лучшего опыта для всех пользователей

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

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



Рабочий стол

планшет

Телефон

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

Не волнуйтесь, если вы не понимаете приведенный ниже пример, мы разберем код шаг за шагом в следующих главах:



❮ Предыдущий Следующий ❯