Question

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

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

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

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

Answer 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>

Answer 2

谢谢你们。得到它的工作。我找到了这个问题并回答：mmo-champion.com并且它清楚地说明了你们在说什么。

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

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

Answer 3

还有一件事，因为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。如果要将CSS代码用于其他IE版本，请将行!--[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 。