前端页面的css样式

1. 链接标签样式<a>：

    对于链接的样式设置，最好使用，link,visited，hover，active 的顺序设置。

    a:link类型出现的时间为最早，因为它可应用于所有的链接。a:visited类型排第二，它将取代任何链接的a:link格式。如果a:link类型紧跟  着的是a:visited，a:link可能会取代a:visited类型。其次是a:hover类型，此类型只应用于访问鼠标下的链接。最后是a:active，所以，当链接被点击时，它可以取代所有其它的类型。  

   例如：

   a:link {color: #666666;text-decoration: none;font-family:"楷体"; font-size:20px;}       /*为访问时的链接样式*/
   a:visited {color: #666666;text-decoration: none;font-family:"楷体"; font-size:20px;}      /*访问过的链接样式*/
   a:hover {color: #000000;text-decoration: underline;font-family:"楷体"; font-size:20px;}      /*鼠标悬停在链接上时的链接样式*/
   a:active {color: #666666;text-decoration: none;font-family:"楷体"; font-size:20px;}        /*点击链接时链接样式*/

    color：表示设置的颜色；以“#”开始。

    text-decoration ：表示有没有下划线。none表示没有； underline表示有下划线

    font-family：表示设置字体。

    font-size ：表示设置的字的大小，以像素px为单位。

      假设你想在非访问链接中使用翻滚效果，但不想影响到其它访问链接，你或许想到通过代码来处理这种外形上改变，然而你所要做的 是重新组织CSS代码。 
　　从访问链接中移除翻滚效果，可以通过很简单地移除a:visited类型。 
　　注意，a:visited类型中包含指定所有与a:hover相同属性的规则，否则，当访问者的鼠标通过一个访问链接时，没有被a:visited类型取代的任何a:hover类型属性将会继续再现。 
　　在CSS代码中的类型顺序确定了每一种类型如何取代其它的类型，即更多的类型可以应用到特定的元素。正常情况下，a:hover类型处于a:link和a:visited类型之后，所以hover状态的类型可以应用于常规和访问的链接。但是，它也并非必须遵循这一方式，你可以改变类型顺序实现不同的效果。

 

2.