Необязательное условие у void-элементов в HTML. Главное не делать их парой «открывающий-закрывающий». Для XML и XHTML там что-то другое, сейчас уже не помню.
Это просто указание, какой символ из шрифта с иконками использовать. Сам шрифт и стити можно спокойно скачать либо сложно (через инспектор), либо много проще — https://developer.microsoft.com/en-us/fluentui#/st...
GunAlv, никаких, к сожалению, глобальных. Только локальные и ручные. Использовать проценты для размером, выравнивания и позиционирования, но это не очень сильно поможет (если использовать абсолютные величины, то ситуацию может быть хуже).
Субпиксельные величины. Логично, если у вас элемент занимает, например, 10,25 виртуальных пикселя, что браузер попытается отобразить его как-то странно, и чем меньше пикселей на элемент — тем страннее.
Я не очень понимаю, о каких колёсах вы говорите. Это очень простая разметка. Да, возможно, если мы хотим скролл у body и нам нужно ограничение по ширине, нам придётся делать это доп. обёртками, но это всё очень просто.
Павел Атайкин, да, незаменимая вещь для сложных масок. К сожалению, есть небольшая проблема в виде адаптивности, по сути картинка ведь. Если есть углы, загругления и маска применяется к разногабаритным блокам, то будут искажения. Но всему свой инструмент, конечно. В данном случае что угодно можно использовать, согласен.
Павел Атайкин, да, собственно, там всё очень просто. Можно прицепить к классу свойство clip-path с нужным значением и добавлять его к нужному блоку. Адаптивно и просто на самом деле, не зависит от размера элемента. Если это попытка воспроизвести их UI в CSS — надёжный хак. Я так сделал целую панель управления с его помощью. Все кнопки, поля и иконки, кроме, конечно, тех элементов, где мне ни в коем случае нельзя было обрезать вылезающий за пределы контент.
