Как разобраться в подключении файла CSS?

Question

[Владимир]

Пробую первый раз сверстать макет сайта, до этого работал в мобильном приложении где всё работало нормально, но решил перенести проект на ноутбук, чтобы научиться им пользоваться в разработке. Помогите пожалуйста, Я уже не знаю как исправить этот код, может неправильно разместил папки или задал неверные ссылки?

Comments

[Ankhena]

type не нужно указывать, это лишние буквы

Остальное правильно. Если все буквы латинские и вы редактируете именно тот style.css, а не из соседней папки.
Я имею в виду в подключении стилей, а не код. В коде много странного.

[Ankhena]

Владимир Ovch), эта строка и не вызывает ошибку, это просто лишний устаревший атрибут.

P.s. Изучайте флексы и гриды, флоаты не используются для раскладки блоков.

Ширина 1206 - очень странная.

Для того, чтобы сделать круг, задают border-radius 50%.

[Владимир]

Ankhena, Спасибо за информацию, особое внимание уделяю этим вещам. Делал макет по гайдам с Ютуба, подскажите какие источники информации о разработке сейчас наиболее актуальные, если возможно в видеоформате?

[Ankhena]

Владимир Ovch), онлайн курсы нормальные знаю, ютуб нет. Всё что я видела - отвратительно.
Нормальные видео встречала по js от Владилена Минина.

[Владимир]

Благодарю за всю информацию что вы со мной поделились)

Answer 1

[Игорь]

Мб попробуешь слеш перед style.css поставишь?
href="/style.css"

Comments

[Ankhena]

И потом откроет просто файл в браузере и выяснит, что корнем является диск файловой системы.
И что прямо на диске не лежит style.css
Будет сюрприз.

[Владимир]

Попробовал вывести в браузер из-за редактора кода, CSS не подключается.

Когда пробуй открыть из приложения в браузере, все стили применяются.

Искал ошибку, ничего не могу найти. Попробовал поискать через консоль, там голяк, пустота.

[Владимир]

Ankhena, вы правы, консоль вывела ошибку. Убрал строку которую Вы посоветовали, ничего к сожалению не изменилось (

[Abraham Chanski]

Владимир Ovch), было бы легче разобраться, если бы ты закинул код на какой нибудь онлайн редактор, по типу codepen.io и скинул бы ссылку сюда, по скриншотам выявить проблему не совсем легко. Ибо по скринам никаких ошибок не видно, и не понятно почему оно не работает.

[Владимир]

Abraham Suliemans, Я попробовал сделать по вашему совету, и пока Я загружал код, редактор codepen.io мне указал ошибку.
Оказывается что Я не добавил в тег атрибут lang. Всё оказалось до безумия просто, помучился из-за своей невнимательности)))

[Ankhena]

Владимир Ovch), lang не влияет на подключение css.
Видимо, по дороге поправили что-то еще либо обновился кеш.

Answer 2

[Abraham Chanski]

Вроде все правильно указал, но проверь не закинул ли ты styles.css в какую нибудь папку, к примеру в css.
Но мне кажется что ты стили сохранил не как Style.css, а Styles.css.

Comments

[Владимир]

Я сделал скриншоты из браузера с консолью, посмотрите пожалуйста там, возможно есть какая-то ошибка?

Answer 3

[Алексей Ярков]

Омагад... Да подключи тот же lite-server и не открывай файлы по пути от корня диска.