样式链接的最佳方法有哪些？

Question

我在Dreamweaver CS6工作，建立我的第一个网站。我已经学习了几个html代码和CSS的在线课程，所以我对...有一个基本的，一般的知识，但是还有很多我不知道的东西让我感到困惑。

对于在Dreamweaver中设置样式的链接，有什么我不知道的吗？因为我有一个页面，我正在Safari中打开（虽然它还没有在线，只在我的计算机上），当我对我的代码进行重大更改时，我刷新页面以查看结果并确保我是在正确的轨道上。

但是，当我将鼠标悬停在浏览器中时，我的链接都不会改变。我可以将它们设置为在静态状态下看起来像我想要的样式，但是当我将鼠标悬停在它们上面时，它们不会翻转（是的，我知道这在技术上并不是正确的术语）。

似乎有一百万种方式来设置链接，我无法理解它们。任何人都能以非常愚蠢的方式给我一些指示吗？

非常好吗？

以下是我在一页上的内容：

a.bullet  {
    text-decoration: none;
color: #333;
font-weight: bold;
}

a.bullet:hover  {
text-decoration: none;
color: #888;
font-weight: bold;
}

这是同一网站中的另一个页面：

a:  {
text-decoration: none;
}

a:hover  {
background-image: url(images/buttons/security-on.png);
background-repeat: no-repeat;   
width: 89px;
height: 89px;
position: absolute;
top: 199px;
left: 180px;
}

a:active  {

}

a:visited  {

}

另一个：

#main_security a  {
text-decoration: none;
color: #999;
font-weight: bold;
}

#main a:hover  {
text-decoration: none;
color: #333;
font-weight: bold;  
}

我认为这就是全部。