Условно говоря, есть у меня страница сверстанная из макета. Все адаптивно, выглядит так как нужно. Но как мне понять, где я ошибся, не так спозиционировал и тд? Например, расстояние между блоками друг над другом задавать margin-bottom а не margin-top. Где почитать про эти правила?
А тут нет никаких правил стилистика кода, можете использовать методологии, у некоторых есть подобные правила. Читайте статьи на хабре много, в стиле почему так применять а не вот так, или как лучше то или иное.
Люди... тут вопрос как бы воооообще о другом...
Короче говоря нету основных правил) Кому как удобно) Главное наверно это модульность, если у тебя можно вытащить блок и ничего не поедет, то наверно это правильно сверстанное!)
На реальных сайтах различные блоки часто перемещаются, меняются местами, удаляются, добавляются новые.
Если ваша верстка выдерживает подобные манипуляции без вмешательства в написанные стили, значит вы все сделали правильно.
Есть спецификации, где описано как браузеры должны понимать html и css.
Есть рекомендации, вроде WAI-ARIA.
А правил про нижний маргин - нету.
Точнее такие правила и стайл-гайды могут быть у разных компаний и организаций, но сравни верстку яндекса, фейсбука и амазона - они сильно отличаются.
Кто из них нарушает правила?
Прочитай внимательно внимательно тут margin . Прочитав внимательно ты поймешь как они работают, и тебе станет ясна область их применения. Аналогично касается и padding. Скажешь, к чему это я, ведь ты и так знаешь чтоб это внешний и внутренние отступы. Но углубись в детали, описанные в самых нижних абзацах. Разобравшись, ты поймешь области их применения, и что ими даже можно заменить друг друга.
Если вы используете Chrome, можно открыть DevTools, открыть вкладку Audits, запустить аудит и получить рекомендации. Как вам сказали, правил вроде "нужен нижний margin, а не верхний", нет, но Lighthouse подскажет, насколько качественно вы сделали страницу. Смогут ли ей пользоваться персоны с другими возможностями, как выполнена SEO и т.д. Все с подсказками и объяснениями.
Если кому-то придется доделывать или поддерживать, и у него не будет возникать лишних вопросов, а также матов в Вашу сторону, значит всё "правильно". Просто есть много способов достижения результата, и назвать какой-то один из них "правильным" - не правильно.
В общем случае прогоняете через линтер, проверяете на validator.w3.org, web.dev, pagespeed/Lighthouse и sitechecker.pro
Если не сказано что нечто неправильно - значит всё правильно.
Средний
