Никак. Можно border заменить на псевдоэлементы before и after и уже им задать высоту в процентах. Но без конкретного кода сложно предложить что-то более конкретное.
Вам наверное нужен, что бы вложенный блок позиционировался в зависимости от родителя.
Position fixed работает на все блоки с любой вложенностью, но позиционирует элементы относительно окна, а не родительских блоков.
Приведите проблемный код, тогда яснее станет.
Нельзя. Можно вместо конфима показывать див, эмулирующий конфим, а уже его стилизовать как угодно. Есть множество готовых плагинов, на пример myclabs.github.io/jquery.confirm для JQuery и Bootstrap
В хроме выберите элемент с текстом и в инструментах разработчика вкладка "Computed" в самом низу блок "Rendered Fonts" название используемого шрифта. Эта вкладка может быть справа от вкладки "Styles", поищите. И никакие плагины не нужны.
1. Спрайты только для background можно использовать.
2. В макете у вас картинки не в векторе случаем? Тогда можете без проблем сохранить и использовать svg (статья в помощь)
Как уже посоветовали, gulp-uncss должен помочь. В хроме в инструментах разработчика на вкладке "Audit" запустите собственно аудит и в результатах среди прочего будет список неиспользуемых селекторов на странице и процент от всего css.
https://www.npmjs.com/package/gulp-changed на пример. А зачем вообще при разработке использовать gulp-cssmin? Проще один раз этот таск запустить перед загрузкой на сервер, или перед сдачей заказчика и все. А так вы каждый раз выполняете ненужный, по сути, таск.
Второе значение это межстрочный интервал line-height
В инспекторе хрома в окошке, где вы смотрите стили есть стрелочка рядом с любым универсальным свойством. Нажав на ее можно посмотреть отдельные значения.