Andre1997

В фигме, размеры зависят от выбранного слоя. В браузере, от множества факторов, начиная размером шрифта и кончая толщиной бордера.
Беря размеры из фигмы, для пиксель пёрфект, их всё равно придется подгонять в браузере.

Возможно в этом учебнике также написано, что тег <p> - это сокращенно paragraph, и он не может быть строчным, соответственно. Если не написано, то возможно учебник слабоват. Посмотрите в оглавлении, есть ли там что-нибудь про html семантику. Например про то, что button - элемент формы, и особым образом обрабатывается браузерами.

Вообще да, с применением скриптов и стилей можно большую часть тегов сэмулировать на основе других тегов. Можно пойти дальше, и свой браузер написать. В конце концов в современном хроме можно запустить виртуальную машину со свой OS (тыц), внутри которой можно запустить еще один браузер. Осталось только выяснить зачем это все делать и кто будет платить зарплату за то, что вы изобретаете какие-то альтернативные теги вместо того, чтобы пользоваться стандартными, которые умеет большинство браузеров.

Что такое строчно-блочный - непонятно. Вы про inline block?

Блочно-строчная концепция уже не так важна, как раньше.
Контентная модель документа притерпела значительные изменения в современном стандарте.
https://html5book.ru/kontentnaya-model-html5/
https://html.spec.whatwg.org/dev/dom.html#content-...

Есть тег p Прочел, что он блочный. Для чего его сделали блочным, а не строчным? По логике, если в элементе текст, то он должен быть строчным.

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

Ведь мы можем так же присвоить элементу p нужные стили и он нам заменить тот же button

Если хотите добиться уважения среди профессионалов, то забудьте про подобные утверждения.
https://www.youtube.com/watch?v=ssJsjGZE2sc
https://www.youtube.com/watch?v=MWJKwn_gKR4
А так же тема для изучения: семантическая разметка (например: https://habr.com/ru/company/htmlacademy/blog/546500/)

И для чего сделали тег a строчным элементом... где мы можем хранить текст или другие блоки.

В той парадигме, о которой вы говорите - не можем. Блочные нельзя было хранить в строчных.

теги img, imput, video - замещаемые элементы

Читая книжку и немного удивляюсь

Думаю стоит всё же задавать вопросы когда дочитаете до конца, особенно если потом ещё пойдёте на спец ресурсы, типа MDN, и ознакомитесь с современной информацией. Уверен найдёте ответ на большую часть своих вопросов.

ВСЕГДА во время разработки открывайте консоль. Поставьте там птичку.
Убирать птичку не нужно. Она работает только пока открыта консоль.

ORDER BY `count` = 0, `price`

Создаёте переменную среды в вашей системе и обратитесь к ней через process.env.VAR_NAME.
Если хотите передавать параметры при запуске приложения, то почитайте про process.argv.

Судя по комментам к вопросу нужно что-то типа такого: https://jsfiddle.net/pce96tn7/2/

Можно. Есть в магазинах переходники sata>>usb

Если 3.0 и выше usb, то особо не упадет