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, 쿽스 모드) 에서는 정상적으로 되지 않을 수 있으니,
주의 하시기 바랍니다.