Мой Справочник | CSS3

Мой Справочник | HTML | PUG & BEM

BEM

BEM
Блок — независимый элемент страницы с собственным смыслом. Элемент — составная часть блока, имеющая смысл только внутри блока. Модификатор — модификация внешнего вида или поведения блока (или элемента).	НАЗВАНИЕ для css-селекторов: `.block` //БЛОК `.block__element` //ЭЛЕМЕНТ внутри блока `.block--modif` //МОДИФИКАТОР блока	Основные принципы БЭМ: Минимум тегов без классов Каскадность свести к минимуму Блок независим от окружения (может быть размещён в любой части страницы и не сломается при этом). У разных блоков не должно быть общих классов (и в CSS — не группируем общие правила, а копируем их). У одного блока (элемента) может быть несколько модификаторов. Осторожно используем дочерний селектор ( >), последовательность ( +), псевдоклассы ( :nth-child).

Блок — независимый элемент страницы с собственным смыслом.
Элемент — составная часть блока, имеющая смысл только внутри блока.
Модификатор — модификация внешнего вида или поведения блока (или элемента).

НАЗВАНИЕ для css-селекторов:

.block //БЛОК
.block__element //ЭЛЕМЕНТ внутри блока
.block--modif //МОДИФИКАТОР блока

Основные принципы БЭМ:

Минимум тегов без классов
Каскадность свести к минимуму
Блок независим от окружения (может быть размещён в любой части страницы и не сломается при этом).
У разных блоков не должно быть общих классов (и в CSS — не группируем общие правила, а копируем их).
У одного блока (элемента) может быть несколько модификаторов.
Осторожно используем дочерний селектор ( >), последовательность ( +), псевдоклассы ( :nth-child).