Бесплатные курсы программирования

Бесплатный курс CSS: онлайн обучение с нуля

Cascading Style Sheets (CSS) — каскадные таблицы стилей, которые позволяют оформлять содержимое страницы в соответствии с описанными правилами. Стили текста, расположение блоков на странице, анимация — всё это описывается с помощью каскадных таблиц стилей

Введение в CSS

1. Каскадные таблицы стилей

2. Использование CSS в HTML

3. Наследование стилей

4. Запись стилей в теге style

5. Базовые стили тегов

6. Классы

7. Селекторы

8. Каскадность

9. Приоритет стилей

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

Стили текста

10. Цвета

11. Выравнивание текста

12. Размер шрифта

13. Насыщенность шрифта

14. Курсив

15. Капитель

16. Горизонтальная черта

17. Межстрочный интервал

18. Семейство шрифта

19. Обобщённое правило для шрифтов

20. Базовые правила типографики

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

Блочные элементы

21. Рамки

22. Фон

23. Внутренние отступы

24. Внешние отступы

25. Высота и ширина блока

26. Блочная модель

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

Расположение элементов с помощью Flex

27. Flex-контейнер

28. Направление Flex-элементов

29. Перенос элементов внутри контейнера

30. Выравнивание элементов внутри контейнера

31. Гибкий размер элементов

Задача верстальщика включает в себя позиционирование элементов на веб-странице согласно макету, что позволяет размещать элементы слева, справа или создавать галереи и другие компоновки. В этом модуле мы рассмотрим основы модуля Flex, который облегчит позиционирование элементов на странице.

Разное

32. Префиксы

33. Единицы измерения

34. Цветовая модель RGB

35. Медиа запросы

36. Анимация

37. Переменные

38. Позиционирование

Охватить все возможности CSS в рамках одного курса невозможно. В настоящее время CSS представляет собой мощный инструмент для задания стилей текста, блоков, анимаций. В нем используются переменные и возможности вычисления значений. Кроме того, с помощью CSS можно создать адаптивную вёрстку, которая подстраивается под различные типы устройств, включая компьютеры и мобильные устройства.