如何将 CSS 脚本添加到我的基本离线 html 网站？答案

【问题标题】：How do I add CSS script to my basic offline html site?如何将 CSS 脚本添加到我的基本离线 html 网站？
【发布时间】：2014-04-01 08:05:44
【问题描述】：

我使用css button generator 为我的css 按钮创建代码，它会生成css 代码和用于插入css 代码的html 代码。但我不使用什么类名。我试过了

<a href="CSS code/Button1.css" class="classname"></a>

但在网站预览中显示为空白。

对于设计最少的离线网站，将按钮内联会更好吗？该网站将被放在一张 CD 上。我正在使用dreamweaver cs6。

【问题讨论】：

这不是您将CSS 添加到页面的方式。这只是一个指向 CSS 文件的链接。您需要在<head> 标签内添加<link rel="stylesheet" href="path-to-your-stylesheet.css"> `
这是网站代码</style>  <link href="CSS code/Button1.css" rel="stylesheet" type="text/css">  </head> 中的新代码，但它不会在页面上显示任何不同的内容。我是 html 和 css 新手，对此我深表歉意
如果样式表路径是正确的，您应该能够将<a href="#" class="classname">My link</a> 添加到您的HTML，它应该添加样式。
这只是添加了一个名为 MY Link 的超链接文本，当鼠标悬停在上面时会突出显示为红色。
在这里可以正常工作：jsfiddle.net/VrVx5 你确定 CSS 文件的路径正确吗？

【解决方案1】：

我猜你需要先学习基本的 HTML。每个 HTML 文档都应该包含 HEAD 和 BODY 标记。在 HEAD 部分，您可以链接您的 CSS 文件或在 STYLE 标记之间编写您生成的 CSS 样式。比如：

<style type="text/css">
.button1 {font-size:15px; color: #cccccc; ....}
.button2 {font-size:18px; padding:10px; ...}
</style>

或在 HTML 标头中链接您的 CSS 文件：

<link rel="stylesheet" href="/css/your-stylesheet.css">

您还可以在此处查看 HTML 和 HTML 文档结构的一些基本示例。 w3schools

使用您的链接，您只需创建一个指向您的 CSS 样式的链接，该样式将在浏览器窗口中以纯文本形式打开，因此您不会真正包含它。因此，可以通过链接在 HEAD 部分中包含 CSS 样式，或者将 CSS 类和所有内容放在 STYLE 标记之间。一旦你这样做，在你的链接中“调用”你的风格，如下所示：

<a href="http://www.google.com" class="button1">Go to Google</a>
<a href="/path/to/local_file.html" class="button2">Local file</a>

【讨论】：

【解决方案2】：

谢谢各位。让它工作。我找到了这个问题和答案：mmo-champion.com，它清楚地说明了你们在说什么。

我删除了<style type="text/css"> 并确保该类是 = 到“类名”，因为它是在 CSS 文件中调用的，因为它没有改变，然后它就起作用了。我认为它不起作用，因为我有 class= "button1" 并且我之前也没有删除那段代码。

<a href="Button1.css" class="classname">Gantt charts & project diary</a>

【讨论】：

【解决方案3】：

_{（来源：css-tricks.com）}

还有一件事，因为 Internet Explorer 不支持在 Chrome 或 FireFox 上运行的某些元素，所以有一些特殊代码仅包含 IE CSS 文件（仅在识别 IE 时才有效的文件）：

对于所有 IE 版本，请使用：

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="file.css" />
<![endif]-->

仅适用于 X 版本：

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="file.css">
<![endif]-->

** 此代码只能用于 IE7。如果您想使用其他 IE 版本的 CSS 代码，请将!--[if IE 7> 行中的“7”更改为相应的版本号。

对于 IE5.5：

<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="file.css" />
<![endif]-->

对于 IE6 及更低版本（包括 IE6），请使用 if lte IE 6 或 if lt IE 7。

对于 IE7 及更高版本（包括 IE7），请使用 if gte IE 8 或 if gt IE 7。

有时 IE 会阻止网页的脚本或 ActiveX 控件。

要忽略 IE 块脚本或 ActiveX 控件，请在 HTML 代码的开头使用这一行。不在第一行的<head> 标签中。这一点很重要。

<!-- saved from url=(0014)about:internet -->

要了解有关此错误的更多信息，请阅读 MOTW。

【讨论】：