Почему файл CSS не применяется к html в моем проекте?
Я не знаю, почему внешний файл CSS не применяется к файлу html.
Я сейчас программирую на Cloud IDE (goormIDE - это похоже на C9). Я хотел связать внешний файл CSS с файлом HTML на веб-сервере, используя node.js. Но это не относится к HTML. Я много исследовал, но не могу решить проблему.
Он имеет 3 основных файла (index.html, style.css, main.js), и они находятся в одной папке.
index.html
<!doctype html>
<html>
<head>
<title>YOONJONG</title>
<meta charset = "utf-8">
<link rel = "stylesheet" href = "style.css" type = "text/css" >
</head>
<body>
<a href = "intro.html">INTRO</a>
<a href = "portfolio.html">PORTFOLIO</a>
<a href = "board.html">BOARD</a>
<a href = "contact.html">CONTACT</a>
<p>blahblah</p>
</body>
</html>
стиль.css
a {
font-size: 36px;
font-weight: 800;
}
p {
font-size: 20px;
}
main.js
var http = require('http');
var fs = require('fs');
var app = http.createServer(function(request,response){
var url = request.url;
if (request.url == '/'){
url = '/index.html';
}
if (request.url == '/favicon.ico'){
response.writeHead(404);
response.end();
return;
}
response.writeHead(200);
response.end(fs.readFileSync(__dirname + url));
});
app.listen(80);
@ zack6849 — В вопросе говорится: «У него 3 основных файла (index.html, style.css, main.js), и они находятся в одной папке»
Я не могу воспроизвести проблему. Стили появляются, когда я копирую/вставляю ваш код и запускаю его.
Ваш style.css возвращает 404 в инструментах разработчика? Видите ли вы свою таблицу стилей в исходном коде страницы? Как и Квентин, это работает, когда я копирую и вставляю ваш код.
@Quentin - Когда я пытался создать 3 файла на своем рабочем столе (не в Cloud IDE), он работал хорошо.
@Helenesh - Нет 404. Я заметил, что Chrome и Firefox загружают мой файл CSS. и когда я даю небольшое изменение (например, пробел), CSS работает! Так странно!!
Спасибо вам всем. Я решаю проблему, изменяя файл main.js!
Ответы 1
попробуй изменить:
<meta charset = "utf-8">
<link rel = "stylesheet" href = "style.css" type = "text/css" >
к :
<meta charset = "utf-8" />
<link rel = "stylesheet" href = "style.css" type = "text/css" />
Это устранило бы ошибку «Желтый экран смерти», если бы они использовали XHTML (это не так), и они использовали браузер, который не восстанавливался после некорректно сформированного XHTML (и я не думаю, что что-либо из этого касается больше).
находится style.css в той же папке, что и index.html, или во вложенной папке?