В каких единицах лучше делать отступы между блоками при вёрстке?
Здравствуйте. Подскажите, пожалуйста, отступы marrgin и padding лучше делать в процентах или в пикселях, если остальной макет полностью адаптивный под любой масштаб?
(Сам же предполагаю, что если макет растягивается, то и отступы лучше делать в процентах).
И второй вопрос: ткните носом, где почитать, как лучше/чище реализовывать отступы - приклеивать блок к блоку и двигать объекты внутри через padding или же двигать сами блоки с помощью margin (сверху или снизу?)?
Зависит от многих факторов. Марджины умеют накладываться, но не всегда. Паддинги могут работать как внутрь, так и наружу. В типографике удобнее пользоваться em. При использовании flex вообще об отступах можно особо не париться. В гридах так вообще полный контроль над ними.
WapSter, чёрная рамка это просто размер блока. Если margin, то как правильно - верхним блоком отодвигать нижний (margin-bottom) или нижним отодвигать верхний (margin-top)?
Хоть не совсем и ясно что вы хотите, но скорее всего вы не знаете про FLEXы и потому задаете такие вопросы. Потому лучше изучите flex и grid и больше не придется верстать с костылями...
pihachu, просто с флексом вам не нужно будет думать об отступах в такой логике, потому лучше учить это сразу. Ибо там могут блоки быть адаптивными с статичным отступом в пикселях, или браузер автоматически будет растягивать и выравнивать блоки, как по ширине так и по высоте. Но как бы там ни было - нет волшебного правила, применимого ко всем проектам.
lamer350, и всё таки, по вопросу подскажете? Если я правильно понимаю принцип работы, то процентный отступ растянется пропорционально, а 30px так и останутся 30px на огромном мониторе, верно?
Приведу пример, имеем монитор 600х600, делаем отступ между блоками 10% = красиво, и делаем отступ 30px = красиво. Но теперь переносим макет на монитор 5000х5000, 10% = растянулось красиво, как и всё остальное, а вот 30px так и остались 30px среди 5000х5000. Или я ошибаюсь?
Средний
