Как связать css с html: Как связать Html с Css?

НЕ подключается CSS файл к HTML

Проблема заключается в том, что я не могу подключить CSS файл к HTML

Код написан верно — я всё проверял по несколько раз.

Пользуюсь Sublime Text

body {
	background-color: #red;
}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ds</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style/style.css">
</head>
<body>
	
  <div>
   <div>
    <div>3 колонки</div>
    <div>7 колонок</div>
    <div>2 колонки</div>
   </div>
  </div>
 
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
</body>
</html>

Папка app в которой находится index.

html

Папка css в которой находится style.css

CSS/HTML в редакторе

Я не знаю, что делать, прошу помощи на форуме, ничего не помогает, сижу третий час за этой проблемой.

ps: Если вписать style в html файл, то всё будет работать.

Сам css файл не битый, и отображается в браузере

  • html
  • css

1

Код написан верно — я всё проверял по несколько раз.

Неверно, ошибка в коде.

<link rel="stylesheet" href="css/style/style.css"> вы подключаете файл котрый должен быть в папке style которая находится в папке css.

Хотя сам файл просто в папке css.

<link rel="stylesheet" href="css/style.css">

UPD. Вторая ошибка в файле css. Уберите хеш перед значением свойства

background-color: red.

3

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Подключение css к html в Java

Вопрос задан

Изменён 3 месяца назад

Просмотрен 1k раз

Не удается подключить css файл style. css, который находится в папке css, html его просто не видит.. Что в моем html может быть не так?

if(method.equals("GET")) {
    response = "<!DOCTYPE html>" +
        "<head><link rel=\"stylesheet\" href=\"css/style.css\">" +
        "<meta charset=\"utf-8\">" +
        "<meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1>" +
        "<title>Login Form</title>" +
        "</head>" +
        "<body>" +
        "<section class=\"container\">" +
        "<div class=\"login\">" +
        "<form method=\"POST\">\n" +
        "<section class=\"container\">\n" +
        "<div class=\"login\">\n" +
        "<h2>Login to Web App</h2>" +
        "\"<form method=\"POST\">\n" +
        "<p><input type=\"text\" name=\"login\" placeholder=\"Username or Email\"></p>\n" +
        "<p><input type=\"password\" name=\"password\" placeholder=\"Password\"></p>\n" +
        "<p class=\"remember_me\">\n" +
        "</p>" +
        "<p class=\"submit\"><input type=\"submit\" name=\"commit\" value=\"Login\"></p>\n" +
        "</div>" +
        "</form> " +
        "</div>" +
        "</section>" +
        "</body></html>";
}

p. s. не через java все работает

  • java
  • html
  • css
  • post

1

Простейший вариант открыть страницу в Debug режиме клавишей F12, на вкладке Networks посмотреть обращение к файлу css/style.css должно быть что то типа статус 200 или 302. по итогам этого правьте код.

ЗЫ возможно стоит поменять css/style.css на /css/style.css

2

Могу предложить тебе альтернативу твоему «ужасному коду»)))

Рассмотри вот этот вопрос и ответы к нему

Личная рекомендация: я бы реализовывал бы сайт на Java с помощью Spring + Thymeleaf.

if(method.equals("GET")) {
    response = 

А кто url проверять будет?

Ты сейчас на все get-запросы отдаёшь одну и ту же страницу, а надо за запросы за css и js отдавать их, а не её.

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Как связать CSS с HTML с примерами кода

Как связать CSS с HTML с примерами кода

Используя язык программирования, мы будем работать вместе, чтобы решить головоломку «Как связать Css с Html» на этом уроке. Это демонстрируется в следующем коде.

 <ссылка rel="stylesheet" href="styles.css">
 

Идентичную проблему, как связать Css с HTML, можно решить с помощью другой стратегии, которая описана в разделе ниже с примерами кода.

 

  <голова>
    
<тело>
 
 
 
 
 
 
 <ссылка rel="stylesheet" href="styles.css">
//Замените styles.css на путь к файлу css
 

Нам удалось решить вопрос о том, как связать Css с HTML, просмотрев ряд других примеров.

Как связать CSS с HTML?

CSS можно добавить в HTML-документы тремя способами: Встроенный — с помощью атрибута стиля внутри HTML-элементов. Внутренний — с помощью элемента


Как связать CSS с HTML


Встроенный CSS



Снова генерируются три элемента:

,

и

, однако для их стилизации мы используем