F
FrontSkill
ЗадачиДокументацияСоревнованияРейтинг
ВойтиРегистрация
Документация
  • Блочная модель (Box Model)
  • Flexbox
  • CSS Grid
  • CSS переменные (Custom Properties)
  • Специфичность селекторов
Документация CSS

CSS

Стили, лэйаут, анимации и современный CSS

1

Блочная модель (Box Model)

Начальный

Каждый HTML-элемент — это прямоугольник из контента, padding, border и margin. Понимание Box Model — основа CSS-вёрстки.

6 мин
2

Flexbox

Начальный

Flexbox — одномерная система раскладки для распределения пространства и выравнивания элементов в строке или столбце.

10 мин
3

CSS Grid

Средний

CSS Grid — двумерная система раскладки для создания сложных сеток по строкам и колонкам одновременно.

12 мин
4

CSS переменные (Custom Properties)

Начальный

CSS Custom Properties позволяют хранить значения в переменных, переиспользовать их и изменять динамически через JavaScript.

7 мин
5

Специфичность селекторов

Средний

Специфичность определяет, какой CSS-правило применится при конфликте стилей. Понимание специфичности помогает избежать !important.

8 мин
F
FrontSkill

Бесплатная платформа для практики фронтенд-разработки. Реальные задачи, живой предпросмотр, русскоязычное сообщество.

Платформа

  • Задачи
  • Соревнования
  • Рейтинг
  • Дизайн-система

Технологии

  • HTML & CSS
  • JavaScript
  • TypeScript
  • Vue
  • React

Компания

  • О проекте
  • Блог
  • Условия использования
  • Конфиденциальность

© 2026 FrontSkill. Все права защищены.

Условия Конфиденциальность Сделано с для фронтендеров