Основы HTML + CSS
HTMLCSSPugSASSSCSSBootstrapTailwindMaterializeBEMAdaptiveFlexBoxCSSGridFloat
HTML: структура страницы, семантика, формы, эммет
CSS: селекторы, box model, flexbox, grid, позиционирование, псевдоэлементы, медиазапросы, анимации
Дополнительно к разметке: препроцессоры (SASS), Bootstrap (это фреймворк для CSS, который был разработан в фейсбук), Materialize CSS (разработан в гугл для материал-дизайна), Tailwind CSS (огромная библиотека заранее подготовленных классов), BEM (яндекс-стайл наименования классов)
Материал: Вёрстка Basic Вёрстка PRO Pug Tailwind CSS