Здравствуйте, я только начинаю верстать пиксель в пиксель. И сразу возник вопрос - какой подход лучше: пытаться подогнать элементы под макет padding - ами и margin - ами или сверстать как есть и уже потом править элементы используя position?
хм....все зависит от ситуации.
то что легко подгоняется
padding - ами и margin - ами
подгоняете ими, а остальное с помощью position
К примеру, вот это версталось с помощью pixel perfect.
p.s. 1 - это с помощью padding и margin, 2 - при помощи position
Старайтесь использовать position как можно реже. Только в самых необходимых случаях (я про absolute, fixed)
Полянский Александр: да, но он нужен по сути только в 2-х случаях (если ничего не забыл):
1) Для того, чтобы позиционировать другой "объект" внутри родительского (родителю дают position: relative; а дочернему position: absolute;).
2) Чтобы увести "объект" туда, куда не позволяет его увести ни padding ни margin
расскажу как я верстаю pixel-perfect. скажу сразу, я верстаю КАЖДЫЙ проект пиксель-в-пиксель.
Для меня это намного быстрее, чем просто верстать "как попало"
1) открываю макет.
2) зажимаю ctrl+shift+alt+s, сохраняю.
3) ставлю для body{background: url(../images/proba.png) center top no-repeat;}
4) и всё, лайфхак как на меня.
время верстки сокращается в разы
