ArtJH

1) Если новичок то делай вручную, чтоб лучше знать
2) Если уже понимаешь, что можешь сэкономить время, то напиши один раз стартовый шаблон, там подключи css, js. И потом когда будут проекты, можешь его брать и сразу быстро начинать верстку
3) Почитай также про сборщики webpack или gulp

1) Заучивать теги и css свойства не нужно. Никто их все наизусть не знает, не переживайте. Потому если что можно быстро загуглить нужный тег. Да и в процессе верстки все равно будете запоминать
2) Возьмите какой-нибудь легкий макет и верстайте его. Как можете верстайте. Правильно с первого раза все равно не получится. Потому что через макетов 5, вы будете видеть какие ошибки совершали и так далее и далее
Короче говоря глаза боятся руки делают. Больше делайте и делайте, не знаете как что-то сделать гугл.
Если вообще отчаянный, то в youTube много марафонов по верстке, где вместе с вами верстают макет, для первого раза можно, но дальше больше верстайте САМИ
P.S. не забудьте отметить ответом)

1) Легче всего сделать добавить поверх такую белую png, лучше svg
2) Морочиться и пытаться делать на clip-path, который не поддерживается на safari

Лучше сделайте картинкой

404 значит не найдена картинка. Причины:
Когда перенесли на хостинг, то пусть изменился. Попробуйте поиграться с путями, уверен что дело в неправильном пути. Вот и все

В данной ситуации я бы лучше использовал svg. Так как твое меню состоит из svg иконок, то лучше делать в одинаковой стилистике. Лучше будет по читабельности и понятней по логике, например для другого прогера