Question

因此，我已经关闭了基本的html框架和一些基本的CSS，以使其看起来居中并调整背景颜色，但是我尝试了几种不同的调整，并且在链接CSS时似乎都无法正常工作。 / p>

我尝试调整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; 
}

每当我运行程序时，它就会看起来像是普通的黑白页面，没有居中。

Answer 1

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

链接元素进入<head>
link href应该是绝对的 server 链接（从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>

Answer 2

您在这里发生了几件事：

首先，对于外部链接的样式表，链接位于<head> ... </head>标签中，而不是<body>标签中。

以下是快速参考： https://www.dummies.com/web-design-development/html5-and-css3/how-to-use-an-external-style-sheet-for-html5-and-css3-programming/

注意报价：

<link>标记仅出现在标题中。与<a>标签不同，<link>标签只能出现在标题中。

您要链接到外部样式表，但还要包括一些内联CSS（底部有body东西。另外请注意，在包含内联CSS时，您需要包装它在<style>标签中。
最后，该href路径对我来说很奇怪...

链接CSS时遇到一些问题

2 个答案: