Комментарии 30
«1ch обычно шире среднего символа обычно примерно на 20−30%»Не хватает комментария переводчика, что указанные цифры характерны только для латиницы. Для других алфавитов (в частности, для кириллицы) соотношения будут совершенно иными.
Отступ и заполнение
За что? nth-child ещё напишите как н-й-потомок
Я тоже верстаю примерно с 2000 года, и тоже в самом начале просто воспроизводил увиденное. Но с концепциями типа схлопывающихся маржинов, блочных и строчных элементов, можно уж как-то разобраться, даже просто воспроизводя увиденное. Остальные вещи, включая инлайн-блоки, появились значительно-значительно позднее.
И ещё: в большинстве случаев сегодня совершенно необязательно использовать относительные единицы. Пиксели работают хорошо.
Вот за это max-width: 100%; (применительно к img) надо руки отрывать
* {
box-sizing: border-box;
}
И не советуйте другим.
Так дело вовсе не в скорости.
Этот способ плох, когда вы делаете библиотеку компонентов и ваши блоки будут использоваться в многих сайтах/страницах. Таким селектором вы взорвёте дизайн там где не использовали глобальный bzbb.
Ну и это не по БЭМу, если вы понимаете, что бэм не про нейминг селекторов.
Это автор до flex боксов ещё не дошел
Очень информативная статья, спасибо автору
Чего я не знал о CSS