html - 无法在 html 中嵌入 css 样式表

标签 html css

我正在尝试将 css 样式表嵌入到其中一个 html 中,但它不起作用。任何人都可以帮助我,我们将不胜感激。 以下是我试过的 cide。

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>

最佳答案

从 CSS 文件中删除所有 HTML 标记。它应该只包含你现在在 <!-- 之间的内容。和 --> (没有那些结构)。在 HTML 文档中,修复 link标签如下,假设CSS文件在同一个目录下:

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

关于html - 无法在 html 中嵌入 css 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8785962/

相关文章:

jquery - 选框仅适用于本地主机?

jquery - CSS 框位置 float

css - { float : left;} Not working

html - 如何获取 Angular 2 中 HTML 元素的值?

html - 有关 Ruby 中 HTTP 拦截代理的帮助吗?

html - 如何使用CSS动态分配文本 block ?

html - 2 行 li 菜单项

javascript - 如何使用另一个 php 文件中的变量包含在 html 页面 JavaScript 函数中

html - 当相互重叠时,使图像在点击时出现在前面

javascript - PopUp 没有出现在按钮下方