Когда пишу команды в файле CSS он не отображается в HTML документе. Что не так?
Так а как пишете, как файл подключаете?
<link rel="stylesheet" type="text/css" href="/Users/user/Documents/Програмирование/HTML/Первый сайт/style.css">
Так вроде ж работает на последнем скрине?
Если что-то получилось не так, как задумывалось, то надо в девтулз смотреть что куда применилось, какие и почему размеры.
Для Opera или Safari есть нечто аналогичное DevTools?
Опера же сейчас на Хромиуме, ВебКите или типа того, там примерно тот же ДевТулз.
Если стандартные шорткаты (F12, Ctrl+Shift+I) не открывают, то через меню.
И в Сафари
If you’re a web developer, the Safari Develop menu provides tools you can use to make sure your website works well with all standards-based web browsers.
If you don’t see the Develop menu in the menu bar, choose Safari > Preferences, click Advanced, then select “Show Develop menu in menu bar.”
https://support.apple.com/guide/safari/use-the-developer-tools-in-the-develop-menu-sfri20948/mac
В FF/IE/Edge/… тоже свои есть.