Кроссбраузерные сайты?
caniuse.com - тут сведения о поддержке разных селекторов.
Идем на dribbble.com - находим интересненький макет. Скажем этот.
Потом скачиваем Bootstrap. Вся документация здесь. Примеры кода, сниппеты здесь, здесь, здесь и здесь. Листаем, смотрим код, модифицируем, разбираемся, изучаем.
Заводим аккаунт на codepen.io, смотрим код классных вещей, добавляем в избранное, модифицируем, изучаем.
Потом хотим научиться верстать адаптивно. Бутстрап - удобный инструмент. Но иногда хочется чего-то большего. После верстки парочки макетов на бутстрапе самое время изучить флекс. (Пример - круто, не правда ли?).
Ссылки - раз, два, три, четыре. Рекомендую первую ссылку + видео. Также рекомендую подписаться на блог Пепелсбея - там много интересного.

Дам небольшой списочек, что нужно освоить: "flex layout, multi-column layout, calc, 3d-transformations, filters, multiple backgrounds, viewport units, iconic fonts, + и ~ в связке с input:checked, counters, keyframes, :last-nth-of-type, less, stylus/styl, sass, csscomb, autoprefixer".

P.S. Не рекомендую видео Попова.

В поиске по сайту можно найти много интересного

Рекомендую уроки Евгения Попова. Можно бесплатно на его сайте скачать

Попробуйте курсы от специаласта. Потом уже умные книги, опыт и статьи на хабре.

Смотря что Вы умеете верстать. Мог бы пару простых шаблонов дать для верстки, обьяснить, показать, поотвечать на вопросы. Собственно мало кто в видеоуроках покажет как верстать PSD макет и так далее, слишком много воды в них. От книг толку тоже много нету. Решает практика и поставленые задачи.

Html Academy неплохой онлайн сервис, отлично преподнесен материал

Лучший опыт - практика.

Базовые основы CSS и описание инструментов стоит почерпнуть у Sorax

cloudwebcode.com - шаблоны

много шаблонов для верстки, и можно верстать онлайн

Дружище пишет уроки по адаптивной верстке на loftblog.ru

Рекомендую относительно неплохие уроки от webtheory

учился по Курсу Евгения Попова, взгляни вдруг понравится)

Если хотите научиться хорошо верстать (!) не рекомендую использовать аля бутстрапы, только запутаетесь и будете в рамках, один нестандартный дизайн и все мир ваш разрушен :)
Лучше вначале писать все самому, понять как прижать футер к низу, почему блоки float с разной высотой криво смотрятся и другое.
В google найдете много уроков по словам "верстка сайтов уроки".
Самое базовое это htmlbook.ru.
Вот тут я давно писал серию уроков. Для самой базы и с чего начать пойдет, дальше Вы поймете куда необходимо двигаться ;)

з.ы. Удачи в начинании !
з.ы.ы. Подписывайтесь на блоги интересных фронтедщиков!

Достаточно просто скачать любую книгу по htm/css. А дальше просто практиковаться.

Берешь PSD, блокнот, гугл и в бой)

Я бы еще порекомендовал сервис teamtreehouse.com.
Он платный 25$ в месяц, но уроки очень классные. Есть субтитры. Есть ежедневное шоу и видео с разнообразных конференций. Есть интересные конкурсы в который хорошо участвовать, чтобы повышать свой уровень. Преподаватели отвечают на форуме на все вопросы. Две первый недели бесплатно. Кроме азов, там рассматриваются частные темы, например Bootstrap, ssas и подобные.
Вот моя реф. ссылка, я там получаю только бесплатное обучение, а не деньги: referrals.trhou.se/nikitabeleckij

Кроме того: www.codecademy.com
Бесплатный и в массе достаточно интересные курсы. Раньше занимался на нем.

Вам, вероятно, пригодятся онлайн-справочники по веб-технологиям:
w3schools.com
htmlbook.ru

На каком движке этот сайт? На DLE?

Я могу посоветовать курсы от CyberBionic Systematics у них есть как для начинающего, который не знает HTML вообще, так и уже для опытных есть курсы по JS, HTML5, JQuery, ASP и много других. Плюс есть курс фотошоп для веб-девелопера, где рассмотрены все решения для веб-девелопера, которые касаются обработки банеров, нарезки изображений в PSD макете. На сайте ITVDN есть видео уроки - можно оценить качество материала и его подачу тренером. Сам проходил у них курсы и остался весьма и весьма доволен!

Для начала htmlbook.ru