hedin83: h1 - это заголовок страницы, если логотип содержит ключевое слово, то можно и в логотип, но обычно это самый верхний заголовок основного содержимого. вобщем h1 - это фраза с самым важным ключевым словом/словами.
Евгений Петров: я тоже раньше выносила их набору свойств модели блока, но так как дизайнеры вечно рисуют всякие нестандартные фигуры из сна наркомана, которые проще всего реализовать через несколько border-ов с разными комбинациями цветной-прозрачный, я их все-таки выношу к "украшательствам", чтобы не мешали. Поэтому у меня это уже, как привычка, а так да, конечно, этот товарищ относится к блочной модели и место его там))
"платите" здесь тоже не работает, это только для полиграфии или если делать шрифт картинкой, выкладывать шрифт за 50$+ в свободный доступ (на свой сайт) это обычно не подразумевается при покупке и считается незаконным.
да, верно поправили) когда не указан doctype, по ум. считается, что это старенькая версия, где еще высота html и всех наследуемых элементов - это 100% высоты окна, а не высота контента, отсюда и могут быть такие большие "дырки"
да, именно это я и имею ввиду) вообще, как совет: старайтесь делать разметку сначала под мобильные, т.е. как бы все выглядело, если бы каждый елемент просто шел друг за другом, а уже для больших разрешений исправить позиционирование будет гораздо проще.
line-height задаете в зависимости от высоты span и размера шрифта элемента, например, проще всего, когда font-size равен 1em, тогда:
при height 35% line-height будет 3.5em, при 65% - 6.5em и т.д;
А вот когда font-size: не равен 1em, прийдется считать, например:
при height 35% и font-size: 1.5em >> 3.5/1.5 >> 2.33em