常用样式

尝试整理一下

a标签

css

a:link,a:visited{text-decoration:none;color:#76ABDE;}

a:hover,a:active{text-decoration:underline;color:#f60;}

a{
    display: block;

    font: 12px/36px;

}//使A标签占有一定空间填充父标签

jq

<script type="text/javascript">
    $(function () {
        $(".left tr").bind("mouseover", function () {
            $(this).not(".left_title").css({ "background-color": "#FFFFFF" });
            $(this).find("a").css({ "color": "#62BEF3" });
        })

        $(".left tr").bind("mouseout", function () {
            $(this).not(".left_title").css({ "background-color": "#62BEF3" });
            $(this).find("a").css({ "color": "#FFFFFF" });
        })
      })
    </script>

文本

上下居中：line-height:56px (高度与父框一致)  

字体：font-family:

文字对齐:text-align:center/left/right(中/左/右)

颜色:color

先留坑....