Задать вопрос
@victorpzdnf
html

Не подключается CSS в html файле, как исправить?

Есть у меня значит код: 
<!DOCTYPE HTML>
<head>
     <style>
          .box-r{
          width: 200px;
          height: 100px;
          background: green;
          border-radius: 30px;
          }
     </style>
     <a href="./main.html">Обратно на главную</a>
     <div>Страница логина DragonFoxRP</div>
</head>
<body>
     <form>
          <div style="box-r">test</div>
          <a> Логин</a>
          <input placeholder="Login">
     </form>
</body>

Проблема: не работают стили. Пробовал через отдельный файл, разницы: 0
  • Вопрос задан
  • 82 просмотра
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 4
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Попробуйте класс)
Ответ написан
6 комментариев
6 комментариев
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Тяжелый случай. Держи статью, изучи и двигайся по ссылкам дальше.
Ответ написан
Комментировать
Комментировать
77_Valeriia_77
@77_Valeriia_77
Ошибок в коде очень много. Например, в теге head не могут находиться теги а и div, только в body. Далее, в body вы определяете элемент div style="box-r", так нельзя, style в данном положении может предполагать только inline-стиль для элемента, т.е. Вам необходимо использовать div CLASS="box-r", это совершенно другой атрибут с другим значением. Тег а в body должен обязательно иметь атрибут href, потому что это ссылка. Тег input, кроме placeholder, имеет обязательные атрибуты, тот же type для определения типа элемента.
Почитайте необходимые ресурсы, информацию о каждом теге и его атрибутах. Советую разобраться пока в html, потому что тут есть ошибки, а потом уже беритесь за CSS. Успехов!
Ответ написан
Комментировать
Комментировать
@Xtrme 
Вместо 
<div style="box-r">test</div>
Надо
<div class="box-r">test</div>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Придумать альтернативный логотип к уже существующему
23 дек. 2024, в 07:27
1000 руб./за проект
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Ещё заказы