Question

我试图在其中一个html中嵌入css样式表，但它不起作用。任何人都可以帮助我，你的帮助将不胜感激。以下是我试过的情况。

的CSS：

<head>
<title>Embedded Style Sheets</title>
<style type=”text/css”>
<!--
p { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000000; }
-->
</style>
</head>

HTML：

<html>
    <head>
        <title>Embedded Style Sheet </title>
        <link rel=”stylesheet” type=”text/css”
        href=”D:\SelfStudy\HTML\16-Embedded.css” />
    </head> 
        <body>
        <p>This page is using an emebedded style sheet... </p>      
        </body>

</html>

Answer 1

从CSS文件中删除所有HTML标记。它应该只包含之间现有的内容（没有这些结构）。在HTML文档中，假设CSS文件位于同一目录中，按如下方式修复link标记：

<link rel="stylesheet" type="text/css"
    href="16-Embedded.css" />

Answer 2

您的.css文件应该只是样式：

p { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000000; }

Answer 3

css文件不应该包含html标签，或者你可以将样式添加到使用它的html文件的头部。
http://www.w3schools.com/css/css_howto.asp

Answer 4

我认为您正在尝试嵌入外部CSS源文件。你知道我们可以用三种方式在html中嵌入css，它们是： 1.外部 2.内部和 3.内联

我想你在这里试图嵌入第一个。

首先，您必须创建一个扩展名为.css的文件，它可能与您提到的16_embeded.css类似。在此文件中，您只需要放置CSS代码而不是任何HTML标记。这意味着您应该将以下代码放入16_embeded.css文件中。

p { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000000; }

现在您必须使用扩展名.html创建另一个文件，然后将上面提到的HTML代码部分放在此文件（.html）中。希望它运作良好。

请检查您提供文件名的href部分是否正确。在这里，我应该提一下，如果css文件路径正确，那么HTML代码部分是正确的。

由于

无法在html中嵌入CSS样式表

4 个答案: