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

Question

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

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

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

对于一个离线站点来说，设计很简单，把按钮内联是不是更好呢？该网站将被制成光盘。我正在使用dreamweaver CS6。

Answer 1

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

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

或者将您的CSS文件链接到HTML头内：

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

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

使用链接，您只需要创建一个指向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>