1.
Тут можно, там расчет приведен для 72dpi
2. Нужно обнулять свойства браузера в CSS:
html, body {
padding: 0;
margin: 0;
}
3. Если нужно разместить элементы справа - не используйте позиционирование слева. Возможность использовать флексбоксы есть, но нужно изучать как они работают сначала, иначе запутаетесь. С гридами пока не думайте даже, рановато
4. Вы смещаете блок шириной 400 пикселей к краю экрана. естественно там появится белое пространство и прокрутка. Либо не используйте
display: block
, ибо он занимает всю ширину родителя, либо сделайте отдельный сайдбар справа.
5. В принципе да, это слайдер, можно реализовать как на JS так и без него.
6. Забудьте вы про IE, уже давно никто не вспоминает даже о 9-10.
7. Нет, не должно. Но в вашем случае вместо ссылок можно просто сверстать на якори типа
<a href="#">Ссыль</a>
. И да, ответ элементов на действия пользователя (наведение, клик) естественно должны быть. иначе не кошерно.
Еще, найдите шрифт уже какой-нибудь который смотрится как на макете, смотреть на этот без слез невозможно :D