HTML/CSS

XHTML

CSS - A 링크 관련

WEBSP2012.02.08 13:53

조회 : 4,857

A 링크 관련
A 링크의 속성은 실질적으로 우리가 많이 사용하고 있는것과는 다르게,
일반적으로 잘 알려지지 않은 속성들이 있습니다.
그렇게 된 이유는 불필요하게 사용을 하지 않아도 된다라고 생각하고 있기 때문에
필요한 부분만 사용을 하게되었다고 개인적으로 생각합니다.
 
A 링크 CSS 속성
A링크는 다른 속성들과는 사용방법이 조금 다릅니다.
 
    a:link       [보여지고 있는 링크의 속성을 제어 할  수 있습니다.]
 
        a:link { text-decoration: none; }
 
 
    a:active    [마우스가 링크를 누르고 있을때의 속성을 제어 할 수 있습니다.]
 
        a:active{ text-decoration: none; }
 
 
    a:visited   [들어갔다 나온 링크, 즉 방문 후 링크의 속성을 제어 할  수 있습니다.]
 
        a:visited{ text-decoration: none; }
 
 
    a:hover    [링크 위에 마우스가 올려졌을때의 속성을 제어 할 수 있습니다.]
 
        a:hover{ text-decoration: underline; }
 
 
    a:focus    [링크가 선택되어져 있을때, 키보드로 Tab 이동될때의 링크 상태를 제어 할 수 있습니다.]
 
       a:focus{ text-decoration: underline; }
 
 
TIP
A 링크 속성 축약 하여 사용하기!
 
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }
 
     이처럼 사용 될 경우 쿼크 모드(Quirks mode, 쿽스 모드) 에서는 정상적으로 되지 않을 수 있으니,
     주의 하시기 바랍니다.
 

0개의 댓글이 있습니다.

select count(*) as cnt from g4_login where lo_ip = '44.200.74.73'

1194 : Table 'g4_login' is marked as crashed and should be repaired

error file : /bbs/board.php