Да, легко. Просто выучить новые семантические теги и перестать закрывать одиночные вроде <img>. Отказаться от устаревших (на них покажет валидатор).
CSS3 лишь расширяет старый CSS - добавлены анимации, блоковая модель, трансформации, короче все то, что новичку не пригодится.
Поддержка в 96% браузеров с префиксами - можно смело использовать.
Исключение - если у заказчика идет весомая доля трафика со старыми IE (ниже 11-й версии).
В <head> инлайнится код, необходимый для показа минимум 600px высоты страницы без загрузки дополнительных стилей.
Остальные стили размещаются перед закрывающим </body>.
Автоматизировать это можно с помощью аддона Firefox: https://addons.mozilla.org/en-US/firefox/addon/dus... Сначала удалить HTML, который выходит за область 600px, затем прогнать плагином и удалить ненужные стили.
Если просто вынести в подвал, то некоторое время будет показываться контент без стилей.
Гугл рекомендует стили для первого экрана сделать инлайновыми, а остальные перенести до закрывающего </body>
