скрин
Все что красным, соберется в то что синим.
Например, когда проект разбивается на мелкие 'компоненты'. И вы используете предпроцессоры, например jade, sass все это нужно как то компилить и собирать в html и css. Gulp с этим делом справляется на УРА.

Верный выход из вашей ситуации, ВЕРСТАТЬ днями и ночами! Не знаете как гуглите, и только так вы сможете научиться что то делать. Скорость придет с опытом.
Не переживайте, все через такое проходили.

На продакшн все идет в сжатом виде(от этого зависит скорость загрузки стр ).
Если вы делаете это руками, то юзайте сборщик проектов (Gulp, webpack и т.д).

Этот вариант будет кроссбраузерней.
Cвойство из примера выше: caption-side не поддерживается даже в ie11.
codepen.io/anon/pen/KdEgeV