Основы верстки контента от Хекслет

1. Введение

• Узнать о темах и целях курсах. Познакомиться со структурой уроков и их особенностях

2. Стили текста

• Познакомиться с основными стилями, используемые при оформлении текста

3. Шрифты и работа с ними

• Узнать о способах подключения и выбора шрифтов на странице. Научиться управлять размерами, оформлением и интервалами внутри текста. Изучить обобщённое свойство font

4. Списки

• Изучить виды списков в HTML и способы их стилизации

5. Колонки

• Познакомиться с CSS Multi-column Layout и узнать о способах его применения

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

• Изучить единицы измерения, доступные в CSS, и их взаимосвязи между собой

7. Медиаэлементы

• Узнать о способах добавления медиаэлементов на страницу Изучить возможности при вставке изображений, видео, аудио

8. Таблицы

• Научиться верстать таблицы. Узнать о семантике таблиц

9. Формы

• Изучить создание одного из самых важных элементов на сайте — формы. Научиться использовать стандартные элементы ввода данных и отправки формы

10. Селекторы

• Изучить более сложные селекторы второго и третьего уровня по спецификации W3C

11. Псевдоклассы

• Узнать о возможностях стилизации событий элемента и стилизации по месторасположению элемента. Научиться использовать псевдоклассы

12. Псевдоэлементы

• Познакомиться с псевдоэлементами и научиться генерировать новый контент через CSS

13. Переполнение

• Изучить работу свойства overflow и способах скрытия контента внутри блоков. Узнать о свойстве text-overflow

14. CSS Variables

• Узнать о CSS-переменных, их применении и области видимости

15. Фон

• Изучить возможности по установке и управлению фоном на странице с использованием свойства background. Научиться позиционировать фоновые изображения и настраивать их поведение

16. Do it yourself

• Additional tasks that help consolidate the theory you've learned

17. Additional resources

• Materials were picked up by the Hexlet team. This will give you a more in-depth understanding of the topic