时间戳

首页 > 解决方案 > 链接我的 CSS 时遇到一些问题

html - 链接我的 CSS 时遇到一些问题

问题描述

所以我已经放下了我的基本 html 框架和一些基本的 CSS 以使其看起来居中并调整背景颜色，但是我尝试了一些不同的调整，但在链接我的 CSS 时似乎没有一个能正常工作。

我尝试调整我的 CSS 的路径，尝试更改 utf-8 和其他一些随机 Windows“另存为”之间的编码，并尝试调整间距：

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!doctype html>
    <html>

    <body>
      <link rel=stylesheet type=text/css href=/Computer/C:/Users/JohnDoe/Downloads/Test.css>
    </body>

    </html>

在 .css 文件中：

body {
   text-align: center; 
   background: powderblue; 
}

每当我运行我的程序时，它看起来就像一个偏离中心的普通黑白页面。

标签： htmlcss

解决方案

因此，阅读有关构建网站的内容可能会很好。但与此同时，您需要解决以下问题：

  • 链接元素进入<head>
  • link href 应该是绝对服务器链接（以https://.. . 开头）或相对路径
  • 引用属性值
  • 删除文档末尾的流浪 css 并放入 css 文件

相对路径意味着它是相对于所服务文件的路径（例如，“index.html”）。因此，如果您的 index.html 文件在/Computer/C:/Users/JohnDoe其中并且您的 css 文件在其中，/Computer/C:/Users/JohnDoe/css/则相对文件路径为css/Test.css

例子

<!doctype html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="css/Test.css">
</head>

<body>
  <p>This text appears in the browser</p>
</body>

</html>

推荐阅读