dom1n1k

Обратиться к хорошему верстальщику.

Межстрочный интервал - так же, как и везде, line-height.

Но я подозреваю речь идет об отступе между пунктами, тогда:

li + li {
    margin-top: 10px;
}

Учтите, что это лишь демонстрация принципа - в реальной жизни нужно использовать классы, а не теги.

Вопрос звучит примерно следующим образом - "как лучше и удобнее надевать штаны через голову?"
Ответ - "не надо надевать штаны через голову".
Не надо использовать Бутстрап там, где логика макета противоречит его конструкции.

Ни один из вариантов не выглядит идеальным, но если выбирать из них - третий, пожалуй, получше.
Манеру оборачивать в ul/li всё, что хоть как-то похоже на список - считаю псевдосемантической шизой.
По-моему, эта мода схлынула уже несколько лет как.

В смысле какая связь? Это одно и то же, эквивалентные понятия.
Хотя есть небольшая разница - в css можно указывать line-height и в абсолютных (20px), и относительных единицах (1.25). В фотошопе только абсолютные (px, pt).
Но по сути это одно и то же.
Просто leading - полужаргонное, историческое название, которое образовалось от lead - свинец. Людям не из типографской среды оно может быть незнакомо, поэтому в css назвали более прямолинейно.

С версткой ситуация очень неоднозначная.

С одной стороны, верстка обычно считается не самой престижной, не самой интеллектуальной и одной из самых низкооплачиваемых специализаций в веб-разработке.
Но при этом действительно классных верстальщиков на рынке - единицы. Процентов наверное 90 - это кодеры херак-херак-в-продакшен, которые думают, что знание тегов html, бутстрапа, препроцессора и ещё пары подобных слов делает их верстальщиками. Когда я вижу их произведения, мне плакать хочется, потому что через весь монитор я вижу огроменный болт, который лежит поперек стараний дизайнера. Ну а чо? Примерно похоже ведь. (Среди дизайнеров тоже немало дилетантов-рукожопов, но это отдельный разговор).

Что тут есть причина, а что следствие - сказать сложно. Наверное, взаимно.

И получается, что на рынке ощущается дефицит хороших верстальщиков. Но при этом, если ты хороший верстальщик - ещё нужно найти место, где тебя оценят и предложат соответствующие задачи. В большинстве "обычных" мест скорее подумают что-то в духе - ну да, я вижу, что чувак хорош, но столько платить не видим смысла, потому что нас устроит и студент за 30-50% той суммы :)

Можно ли вырваться из этого порочного круга? Думаю, что да, но это нелегко. Лучше всего искать серьезную продуктовую компанию. Скорее всего, в провинции это сделать будет нелегко.

Не знаю, полностью ли решит проблему, но у меня так:

gulp.task('styles', function () {
	return gulp.src('less/styles.less')
		.pipe(less())
		.on('error', function (err) {
			console.log(err);
			this.emit('end');
		})
		.pipe(autoprefixer({
			browsers: ['> 0.5%', 'last 3 versions'],
		}))
		.pipe(gulp.dest('css/'));
});

Из описания не вполне понятна задача, что именно нужно достигнуть.
Но на то, что я прочитал и понял, хочется ответить "нет, невозможно" (имея в виду чистой версткой, без JS).

SASS, LESS, Bootstrap, jQuery и любые штуки со словом "фреймворк" - на начальном этапе нужно забыть! Только чистые HTML и CSS.

Как уже сказали, без макета сложно гадать. Но по описанию склоняюсь к мнению, что за 1.5 дня там можно только наговнокодить в стиле "ну вроде бы приблизительно работает". Нужны картинки.

Ориентировочно в порядке убывания популярности: em, rem, vw/vh/vmin, px, calc, %
Но это приблизительно, многое зависит от ситуации, не нужно воспринимать как догму.

Нет!

Договориться с дизайнером об их спрямлении.
А будет выделываться - попенять на стопиццот косяков в верстке.

Ну из ванильных галерей сейчас, пожалуй, самая известная Lory
meandmax.github.io/lory
А уж подойдет или нет - не знаю, смотрите сами.

Минуточку. Вот говоришь "верстаю адаптивно, почти пиксель в пиксель" - пиксель в пиксель с чем?
Если есть ноутбучный, паншетный, телефонный макеты и с ними все совпадает - какие вопросы?
Если дополнительных макетов нет - строго говоря, это не проблема верстальщика, это проблема дизайнера. Чистый верстальщик не должен придумывать адаптивность, он её только реализовывает.

Ну а если говорить чисто технически - да, размер шрифта адаптируется тоже. Можно по формуле через calc(в соседнем ответе ссылку дали), можно просто как набор из 4-5 статически заданных размеров через медиа-запросы. Оба подхода имеют свои плюсы и минусы.

В принципе да, можно, но код будет громоздким и с ограничениями по возможностям.
Почти наверняка впоследствии, после очередной хотелки заказчика/менеджера/самого себя, ты все равно плюнешь на это дело и возьмешь карусель на JS.

HTML/CSS-верстка тут практически непригодна.
Нужно использовать какую-то графическую библиотеку, работающую с графикой как с логическими примитивами (то есть не только рисует, но потом умеет двигать, обрабатывать действия пользователя и пр.). Это может быть и SVG, и canvas - кому что привычнее и удобнее. В качестве примеров можно привести Snap.svg и Paper.js соответственно, но не обязательно их, есть и другие альтернативы.