Основные способы центрирования в css
Инструкция по центрированию в CSS: 1) flex-контейнер: display: flex; justify-content: center; align-items: center; Вместо центровки контейнера можно блоку задать align-self: center; или margin: auto; 2) Если контейнер имеет фикс ширины или она в процентах, то блок центрируем по горизонтально: margin: 0 auto; 3) Можно использовать позиционирование, например: .container {   border: 1px solid black;   position: relative;   width: 100%;   height: 100%; } .block {   border:...
2 года назад
Как работают CSS псевдоклассы :is, :where и :has
Источник: WebForMyself.com CSS селекторы позволяют выбирать элементы по типу, атрибутам и положению внутри HTML-документа. В этом уроке разберем три новые опции — :is(), :where() и :has(). Селекторы в стилях применяются повсеместно. Пример ниже находит все параграфы и меняет жирность шрифта на bold: Для поиска DOM узлов селекторы можно использовать и в JavaScript: Псевдоклассы находят HTML элементы по их текущему состоянию. Наверное, самый известный псевдокласс — :hover. Он применяет стили к элементу, когда курсор наводится на него...