Кексби. Четвертьфинал / Общие стили кнопок, часть 2 [4/17]

Доброе утро.

Объясните пожалуйста, почему в задании указывается ширина кнопки 146px, а на PSD макете 166px.

Так же хотелось бы краткий ответ о том, как правильно вычислять реальную ширину и высоту с учётом padding’ов и border’ов.

Заранее спасибо.

Верстке сайтов по макету, нет понятия просто ширина. В данный момент в ширину твоей кнопке входит: внутренний отступ, рамка, межстрочный интервал, размер шрифта. Все эти правило и формируют твою ширину и высоту кнопки. Проще будет выставить какой-нибудь определенный внутренний отступ, а дальше просто подгонять под PSD макет Каждый браузер по своему отображает: внутренний отступы, рамки, межстрочные интервалы, и т. п. По этому нет смысла высчитывать дотошно ширину и высоту элементов