如何将CSS脚本添加到我的基本脱机html站点？

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

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

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

---

对于一个设计简单的离线站点，将按钮内联会更好吗？该网站将放在光盘上。我正在使用dreamweaver cs6。

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

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

.button1{字体大小：15px；颜色：#cccc；…}
.button2{字体大小：18px；填充：10px；…}

或将HTML标题内的CSS文件链接到：

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

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

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

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

---

谢谢大家。让它发挥作用。我找到了这个问题和答案：它清楚地表明了你们在说什么

我删除了

，并确保该类是=到“classname”，因为它在CSS文件中被调用，因为它没有更改，然后它就工作了。我认为它不起作用，因为我有class=“button1”，而且我以前也没有删除这段代码

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

（来源：）

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

对于所有IE版本，请使用以下命令：

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

对于IE6和更低版本（包括IE6），如果lte IE 6使用

，如果lte IE 7使用

对于IE7及更高版本（包括IE7），如果gte IE 8使用

，如果gt IE 7

使用

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

要忽略IE块脚本或ActiveX控件，请在HTML代码的开头使用此行。 不在第一行的

标记中。这很重要

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

---

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

这不是向页面添加

CSS

的方式。这只是指向CSS文件的链接。您需要在

标签中添加

`这是站点代码

中的新代码，但它不会在页面上显示任何不同。我不熟悉html和css，因此对此我深表歉意。如果样式表路径正确，您应该可以将

添加到html中，并且它应该添加样式。这只是添加了一个名为“我的链接”的超链接文本，当鼠标悬停在上方时，该文本会高亮显示为红色。在此处可以正常工作：您确定css文件的路径正确吗？

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

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