HTML-файл не загружает стиль.файл CSS

Я делаю небольшую веб-страницу, но теперь я столкнулся с небольшой проблемой. Мой html-файл не загружает файл стиля, даже если они находятся в одной папке. Я проверил файл css в w3schools, и он работал хорошо. Я знаю, что эта тема была вокруг, но я не смог решить свою проблему, прочитав их. Мое кодирование html выглядит следующим образом

<html>
 <head>
  <title>Smile's app</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
 </head>

 <body>
 <h2>Hello Dude</h2>
   <a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a> 

   <blockquote>Nerds like us are allowed to be unironically enthusiastic about stuff. Nerds are allowed to love stuff - like, jump-up-and-down-in-your-chair-can't-control-yourself love it. When people call other people nerds, mostly what they're saying is "You like stuff", which is not a good insult at all. Like, "You are too enthusiastic about the miracle of human consciousness".</blockquote>
   <div class="cite">John Green</div>

   <li><a href="static/indexx.html">page2</a></li>

 </body>
</html>

кодирование css выглядит следующим образом

blockquote {
  background-color: black;
  color: yellow;
  padding: 10px;
}

.cite {
  text-align: right;
  font-weight: bold;
  font-size: x-large;
}

Noe i’ve found out by the web console style editor that the following errors exists

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<title>404 Not Found</title>
<h1>Not Found</h1>
<p>The requested URL was not found on the server.  If you entered the URL manually please check your spelling and try again.</p>

Я очень надеюсь, что кто-то сможет мне помочь.

2 ответа

  1. Проверьте следующие вещи.. (Хотя вы, возможно, проверили его или это кажется глупым)

    • Убедитесь, что файл CSS находится в том же каталоге, что и HTML

    • Убедитесь, что имя файла CSS style.css

    Если все это не работает, добавьте CSS в теге стиля, который находится в теге head, как это:

    <html>
     <head>
      <title>Smile's app</title>
      <style>
      blockquote {
        background-color: black;
        color: yellow;
        padding: 10px;
      }
    
      .cite {
        text-align: right;
        font-weight: bold;
        font-size: x-large;
      }
      </style>
     </head>
    
     <body>
     <h2>Hello Dude</h2>
       <a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a> 
    
       <blockquote>Nerds like us are allowed to be unironically enthusiastic about stuff. Nerds are allowed to love stuff - like, jump-up-and-down-in-your-chair-can't-control-yourself love it. When people call other people nerds, mostly what they're saying is "You like stuff", which is not a good insult at all. Like, "You are too enthusiastic about the miracle of human consciousness".</blockquote>
       <div class="cite">John Green</div>
    
       <li><a href="static/indexx.html">page2</a></li>
    
     </body>
    </html>
    

    Надеюсь, что это полезно (хотя это было глупо и просто).

    Примечание: даже самые маленькие, глупые, основные вещи могут иметь значение.

  2. Я бы также рекомендовал взглянуть на структуру папок.

    Вы развиваетесь в локальной среде или в удаленном месте?

    Вы используете какой-то веб-сервер (например, Apache) или получаете доступ к файлам через file:///?

    Как вы говорите:

    В браузере «style editor» я получаю следующее

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> 
    <title>404 Not Found</title> 
    <h1>Not Found</h1> 
    <p>The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.</p> 
    

    Как я могу внести эти изменения?

    Мне кажется, что сервер не имеет доступа к файлу css.
    Вы проверили права доступа и владельца файла?

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