Егор Ш.: bs никак не привязан к платформе. не нужна адаптивность - не используйте. О каких проблемах вы говорите??
А вообще вам, похоже, просто нужна сетка. Попробуйте Susy, довольно гибкая вещь.
DirecTwiX: Фон фиксирован относительно окна браузера. При прокрутке будет виден эффект. не всегда он нужен. Если применять к повернутым элементам (transform:rotate) то в некоторых браузерах будет неожиданный эффект. Ну еще что-то...
Двойным подчеркиванием отделяется название элемента от названия блока. Для отделения названия модификаторов используют либо одно подчеркивание (классический БЭМ), либо двойной дефис.
Ваша запись слегка вводит в ступор.
Андрей Каменский: >> Профессионалы тоже работают в блокноте?
Профессионалы используют IDE (Integrated Development Environment, интегрированная среда разработки)
Блокнот - это что-то поправить, подрихтовать "по-быстрому".
Имя Фамилия: Если речь идет о SPA - то эта логика не работает. В SPA как правило и разметки-то практически нет в теле страницы, одни шаблоны (и то, если они не подгружаются динамически). Есть скрипт, который и начинает всю работу по обработке данных и рендерингу страницы. Получается нет разницы, где этот скрипт размещать.
А в более общем случае, да. Стили подключайте в голове, скрипты - в конце тела. Можно сделать еще круче и подключать основные стили в голове (необходимые для показа условного первого экрана страницы), а остальное так же в конце тела.
Андрей Б.: вы указали конкретную причину - из-за line-height почему у вас невозможно добиться pp. Z утверждаю что делаю это. Само собой с оговорками на различный рендеринг шрифтов. Но позиционирование блоков и надписей на странице полностью соответствует макету.