谁可以帮我解释解释下面的一小段代码？

Question

<style>   
  .flyoutMenu   {   
  background-color:   #F1F1F1;   
  border-color:   #999999;   
  border-width:   0   1px   1px   0;   
  border-style:   solid;   
  }   
  .flyoutMenu   TD.flyoutLink     {   
  border-color:   #F1F1F1;   
  border-width:   1px;   
  border-style:   solid;   
  font-family:   Verdana,Arial;   
  font-size:   70%;   
  padding:   1px   25px   3px   6px;   
  cursor:   hand;   
  }   
  .flyoutLink   a   {   
  color:   black;   
  text-decoration:   none;   
  }   
  .flyoutLink   a:hover   {   
  color:   black;   
  text-decoration:   none;   
  }   
  .flyoutLink   a:visited   {   
  color:   black;   
  text-decoration:   none;   
  }   
  .flyoutLink   a:active   {   
  color:   black;   
  text-decoration:   none;   
  }     
  </style>   

Answer 1

这个就是所谓的CSS如果你英语不错的话可以看这里
http://www.w3schools.com/css/default.asp

Answer 2

  .flyoutMenu --自定义样式名
  {    
  background-color:   #F1F1F1;   --背景颜色 
  border-color:   #999999;       --边框颜色
  border-width:   0   1px   1px   0;    --边框宽度
  border-style:   solid;    --边框样式
  }    

Answer 3

a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */
a:visited {color: #00FF00; text-decoration: none} /* 已访问的链接 */
a:hover {color: #FF00FF; text-decoration: underline} /* 鼠标在链接上 */
a:active {color: #0000FF; text-decoration: underline} /* 激活链接 */

Answer 4

 .flyoutMenu   TD.flyoutLink  
  {    
  border-color:   #F1F1F1;    /*边框颜色*/
  border-width:   1px;     /*边框宽度*/
  border-style:   solid;     /*边框样式*/
  font-family:   Verdana,Arial; /*字体*/  
  font-size:   70%;     /*字体大小*/
  padding:   1px   25px   3px   6px; /*用来设置元素内容元素边界的距离*/
  cursor:   hand;     /*鼠标经过时出现小手*/  }    

Answer 5

帮忙解释解释这些哦：.flyoutLink   a   {    
  color:   black;    
  text-decoration:   none;    
  }    
  .flyoutLink   a:hover   {    
  color:   black;    
  text-decoration:   none;    
  }    
  .flyoutLink   a:visited   {    
  color:   black;    
  text-decoration:   none;    
  }    
  .flyoutLink   a:active   {    
  color:   black;    
  text-decoration:   none;    
  }      

Answer 6

css定义flyoutLink样式中超链接样式
 text-decoration:文字效果 无 一般就是不显示超链接下划线
a:visited   超链接点击访问之后颜色
 a:hover   鼠标移动到超链接的颜色lz可以下本css帮助文档看看

Answer 7

.     ---你在html定义的控件设置的类
.flyoutlink a
{---你定义的在该类下的子控件超链接的样式
}
以下类推顺便提醒楼主，从最简单的CSS看起，一星期保证学会

Answer 8

这个是CSS也就是样式表,你要解释这个干嘛.我靠

Answer 9

这段css应用到有class为flyoutLink的标签的下面的a标签
.flyoutLink   a   {     
  color:   black;     a标签文字的颜色为black
  text-decoration:   none;    文字没有下划线 
  }     
  .flyoutLink   a:hover   {     鼠标移上去的状态
  color:   black;     
  text-decoration:   none;     
  }     
  .flyoutLink   a:visited   {     标签访问后的状态
  color:   black;     
  text-decoration:   none;     
  }     
  .flyoutLink   a:active   {     当前活动的标签状态
  color:   black;     
  text-decoration:   none;     
  }