CSS
Что это?
CSS — Cascading Style Sheets — это каскадные таблицы стилей, язык, который отвечает за описание внешнего вида HTML-документа. Подавляющее большинство современных веб-сайтов работают на основе связки HTML+CSS.
Для чего нужно это знать?
CSS позволяет отформатировать контент на странице, сделать более привлекательным для читателя. CSS используется для определения стилей (правил) оформления документов — включая дизайн, вёрстку и вариации макета для различных устройств и размеров экрана. У такого способа форматирования несколько достоинств: теги не дублируются, документ проще обслуживать, внешний вид всего сайта можно изменить централизованно, а не корректировать форматирование каждой странички.
Какие базовые понятия включает этот навык?
Каскадная таблица стилей. Набор правил, описывающих форматирование разных фрагментов HTML-кода и хранящихся отдельно от него. Селектор. Способ обращения к html элементу. Селектором может быть класс, тег, id, тег внутри класса и тд. Адаптивная верстка — это такой способ создания веб-страниц, при котором они автоматически подстраиваются под размеры и ориентацию экрана устройства, а их дизайн варьируется в зависимости от действий пользователя. Flexbox. Определяет набор CSS свойств для контейнера (flex-контейнер) и его дочерних элементов (flex-блоков). Flexbox по праву можно назвать удачной попыткой решения огромного спектра проблем при построении лейаутов в css. BEM. Методология названия css классов. В BEM не используют селекторы тегов и идентификаторов. Стили блоков и элементов описываются через селекторы классов. CSS переменные (пользовательские CSS-свойства). Это сущности, определяемые автором CSS, хранящие конкретные значения, которые можно повторно использовать в документе.