html - Chrome 不会加载 css?

标签 html css

<分区>

我是一个学习 HTML 和 CSS 的初学者。我正在尝试将 css 文档链接到我的 html,但没有成功。 css 文件与 html 位于同一文件夹中。 html 加载完美,但不会访问 css。谁能帮忙?

<html>
 <head>
  <title>Practice</title>
  <link rel=“stylesheet” type=“text/css” href=“styles.css” />
 </head>
 <body>
  <h1>XXXX</h1>
  <h3>YYYYYYYY</h3>
  <p>ZZZZZZZZZZZZZZZZZZZZZZ</p>
 </body>
</html>

是我的代码有问题,还是我的计算机无法访问这些文件?我正在使用 MacOS Sierra 和 TextEdit 创建 .html 和 .css 文件。

最佳答案

您的 HTML 应该是:

<html>
 <head>
  <title>Practice</title>
  <link rel="stylesheet" href="styles.css">
 </head>

 <body>
  <h1>XXXX</h1>
  <h3>YYYYYYYY</h3>
  <p>ZZZZZZZZZZZZZZZZZZZZZZ</p>
 </body>
</html>

在同一目录中创建一个名为 styles.css 的文件,其中包含一些 CSS。

喜欢:

h1 { 
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  color:pink
}

关于html - Chrome 不会加载 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54256142/

上一篇:html - 打破文本结束的列表行 CSS

下一篇:css - 大于给定宽度的 HTML 5 Doctype 文本字段

相关文章:

javascript - 在 div 中定位图像,然后将 div 定位在底部

css - 从 Primefaces 对话框中删除标题

javascript - 难以通过 JQuery 删除 Div 元素

html - CSS 导航栏 slider 高亮动画?

jquery - mouseover mouseleave translateY不重复

javascript - ExtJS 垂直滚动条不适合长 json 数据

javascript - 无法读取未定义的属性 'map' - 来自 ReactJS 的错误

html - SVG 动画不起作用

javascript - JQuery-更改元素的 id 并在单击时调用函数

javascript - HTML 元素 ID 的合法字符是什么?