Question

我刚开始学习html和css。

我有一个html文件＆＃34; index.html＆＃34;代码：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="title">My App</div>
  <div class="app">
    <div class="screenshot">image1</div>
    <div class="description">text</div>
  </div>
</body>
</html>

我有一个css文件＆＃34; style.css＆＃34;文件包含代码：

.description {
  color: red;
}

两者都在同一个文件位置 -

C:\Users\ravalesmita\Desktop\Portfolio\toplist\index.html
C:\Users\ravalesmita\Desktop\Portfolio\toplist\style.css

使用IE 10和谷歌浏览器。

预期：在浏览器中加载文本时应该有红色。

实际：文字颜色不会改变。

有人能指出为什么课堂描述中的文字没有显示红色？

Answer 1

您是否先将文件保存在另一个文件夹中，然后再将其更改为红色？如果是这样，浏览器可能正在读取该文件而不是您想要的文件。尝试像这样运行它。如果由于某种原因它没有找到你的css文件。

<!DOCTYPE html>
<html>
<head>
<style>
.description {
color: red;
}
</style>
</head>
<body>
<div class="title">My App</div>
<div class="app">
<div class="screenshot">image1</div>
<div class="description">text</div>
</div>
</body>
</html>

在IE 10和谷歌浏览器上没有加载CSS文件

1 个答案: