Учебник по 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 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-градиенты CSS-тени Текстовые эффекты CSS Веб-шрифты CSS 2D-преобразования CSS CSS 3D-преобразования CSS-переходы CSS-анимации Подсказки CSS Изображения в стиле CSS Отражение изображения CSS CSS объект-подгонка CSS-позиция объекта Маскировка CSS CSS-кнопки Разбивка на страницы CSS Несколько столбцов CSS Пользовательский интерфейс CSS CSS-переменные Размер блока CSS Медиа-запросы CSS Примеры CSS MQ CSS флексбокс

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-браузера

Учебник по CSS

CSS — это язык, который мы используем для оформления HTML-документа.

CSS описывает, как должны отображаться элементы HTML.

Этот учебник научит вас CSS от базового до продвинутого.

Начните изучать CSS прямо сейчас »

Примеры в каждой главе

Этот учебник по CSS содержит сотни примеров CSS.

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

Пример CSS

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

Нажмите на кнопку «Попробуйте сами», чтобы увидеть, как это работает.


Примеры CSS

Учитесь на более чем 300 примерах! С помощью нашего редактора вы можете отредактировать CSS и нажать кнопку, чтобы просмотреть результат.

Перейти к примерам CSS!


Используйте меню

Мы рекомендуем прочитать это руководство в последовательности, указанной в меню.

Если у вас большой экран, меню всегда будет присутствовать слева.

Если у вас маленький экран, откройте меню, нажав значок меню вверху .


CSS-шаблоны

Мы создали для вас несколько адаптивных шаблонов W3.CSS.

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

Бесплатные шаблоны CSS!



CSS-упражнения

Проверьте себя с помощью упражнений

Упражнение:

Установите цвет всех элементов <p> на красный.

<style>
 {
   red;
}
</style>


css викторина

Проверьте свои навыки CSS с помощью викторины.

CSS викторина!


Ссылки на CSS

В W3Schools вы найдете полные справочники по CSS всех свойств и селекторов с синтаксисом, примерами, поддержкой браузеров и многим другим.

Справочник по свойствам CSS

Справочник по селекторам CSS

Справочник по функциям CSS

Справочник по анимации CSS

Справочник по CSS-аудио

Единицы CSS

Справочник по цветам CSS

Значения CSS по умолчанию

Поддержка CSS-браузера