html - 如何将 CSS 脚本添加到我的基本离线 html 站点？

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>

或将您的 CSS 文件链接到 HTML header 中:

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

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

通过您的链接，您只需创建一个指向您的 CSS 样式的链接，该样式将在浏览器窗口中以纯文本形式打开，因此您并不真正包含它。因此，通过链接或将 CSS 类和所有内容放在 STYLE 标记之间，在 HEAD 部分中包含 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>