CSS 内联到外部 CSS 文件（不工作）

Question

我尝试了很多方法来调用 CSS，但都没有用。

首先，CSS 内联如下内容：

<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
color: #FFFFFF;">
    HELLO
</div>

其次，我将样式移动到类似这样的外部文件（HTML 文件）：

<div class="slideHeader">
    HELLO
</div>

在 CSS 中是这样的：

.slideHeader {position: absolute; width: 480px; height: 120px; top: 30px; left: 30px;
padding: 5px;text-align: left; line-height: 60px; text-transform: uppercase;
font-size: 50px; color: #FFFFFF;}

外部文件我在 HTML 中放了这样的东西：

<link rel="stylesheet" href="http://<?php echo $_SERVER['HTTP_HOST'] ?>/assets/css/style.css">

注意：我试图查看页面源以调用 CSS，我检查过它的链接非常好。但它在我的网页上根本不起作用。它应该与此一起工作。有什么想法吗？

Answer 1

这不是您调用样式表的方式：

<script type="stylesheet" src="http://<?php echo $_SERVER['HTTP_HOST'] ?>/assets/css/style.css"</script>

<script></script> 是为 javascript 而不是 css 保留的，而且无论如何它都没有关闭。应该是：

<link rel="stylesheet" type="text/css" href="http://<?php echo $_SERVER['HTTP_HOST'] ?>/assets/css/style.css" />

Answer 2

外部 CSS 的 link 是错误的。

<link type="stylesheet" href="http://<?php echo $_SERVER['HTTP_HOST'] ?>/assets/css/style.css">

真实的是：

<link rel="stylesheet" href="http://<?php echo $_SERVER['HTTP_HOST'] ?>/assets/css/style.css">

我完成了这项工作。谢谢大家！

CSS 内联到外部 CSS 文件（不工作）

CSS Inline into External CSS File (Not working)

html

css