HTML元素CSS要注意的

来源:百度文库 编辑:神马文学网 时间:2024/03/29 19:39:30

八、          书写正确的链接样式

    当用css定义链接的各种状态时,要注意书写的顺序即::link :visited :hover :active利用首字母:L V H A,你可以通过记忆LoVe,Hate,两个单词来记住其顺序。

:link --------链接的颜色
:visited -----鼠标点击后的颜色
:hover -------鼠标放上去未点的颜色(悬停)
:active-------鼠标点击瞬间的颜色

九、          :hover的灵活运用

    IE6不支持除a标签以外的:hover属性,我们了解:hover属性是鼠标悬停效果。在IE7和FF中,对几乎任意元素都可以设置:hover属性效果。这对我们做不同的访问效果很好。
如:

p {
    width : 360px;
    height : 80px;
    padding : 20px;
    margin : 50px auto 0 auto;
    border : 1px solid #ccc;
    line-height : 25px;
    background : #fff;
}

p:hover {
    border : 1px solid #000;
    background : #ddd;
}
----------------此效果针对IE7和FF

p a {
    color : #00f;
    text-decoration : none;
    font-size : 13px;
}

p a:hover {
    color : #036;
    text-decoration : underline;
}
  -----------------此效果针对IE6

十、          定义A标签要注意的小问题
 

     当我们定义a{color:red;}时,它代表了A的四种状态的样式,如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了,其它三种状态就是A中所定义的样式。
只定义了一个a:link时,一定要记得把其它三种状态定义出来!