首页 > 网络应用 > 网站优化:改变被访问之后链接的颜色

网站优化:改变被访问之后链接的颜色

2010年6月11日

  网站优化的目的应是通过提高Web可用性构建用户满意的网站。
  前不久看了一本网站优化方面的书,书名叫《网站优化--通过提高Web可用性构建用户满意的网站》,其中提到了八个仍未改变的问题:

  • 被访问之后颜色不变的链接;
  • 破坏后退按钮的作用;
  • 打开新的浏览器窗口;
  • 弹出式窗口;
  • 看起来像是广告的设计元素;
  • 违反Web上的设计惯例;
  • 浮夸的内容以及空洞的夸大宣传;
  • 密集的内容和无法扫描的文字。

  对比自已的博客,发现自己就犯下了被访问之后颜色不变的链接这一条。本来这个是早就发现的问题,但由于懒惰,一直照用原模板的设计没有去改,今天终于要洗心革面了,对博客主题CSS作了改变如下:

  a:link {color: #FF0000}      /* 未访问的链接 */
  a:visited {color: #810081}    /* 已访问的链接 */
  a:hover {color: #FF00FF}     /* 当有鼠标悬停在链接上 */
  a:active {color: #0000FF}    /* 被选择的链接 */

  要特别注意书写的顺序即::link :visited :hover :active 顺序不能变,不然不能达到预期的效果。

声明:本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 执子之手与子偕老
  1. 2010年6月21日12:10 | #1

    我也没有弄已访问链接的颜色…

  2. 2010年7月19日13:32 | #2

    Caunnypinia
    adipex phentermine 37.5 mg tablet
    naiviassy
    cheap ambien
    cewsOccaseBax
    zoloft and lorazepam
    segigmavabe

  1. 本文目前尚无任何 trackbacks 和 pingbacks.