- Pseudo-Class Selector -
A:link
보통 때의 링크 텍스트의 스타일
A:visited
이미 방문한 적이 있는 링크의 스타일
A:hover
마우스가 링크 위를 스쳐 지날 때의 색깔
A:active
마우스를 클릭하여 실제로 해당 링크로 페이지가 옮겨지는 동안의 색깔
Example)
a:link { text-decoration:underline; color:#8600E4 }
a:visited { text-decoration:underline; color:#800080 }
a:hover { text-decoration:underline; color:#FF0000 }
a:active { text-decoration:underline; color:#0000FF }
- CSS 글꼴 꾸밈관련 스타일 -
color 글자색 Navy, #ffffcc
font-size 글자크기 20px, 20pt, 20%, 80%
font-family 글자체 (sans-)serif, cursive, …
font-weight 글자굵기 100~900, bold, lighter, bolder
font-style 글꼴모양 normal, oblique, italic
text-decoration 글꼴장식 none, underline, overline, line-through
text-transform 대소문자 capitalize, lowercase, uppercase
font-variant 소문자크기 small-caps
font-stretch 글자폭 Condensed, expanded
'Devlopment > Web' 카테고리의 다른 글
파라미터 값 받기 & 한글 처리 (0) | 2008.06.29 |
---|---|
JSP Page Directive (0) | 2008.06.29 |
class vs. id (0) | 2008.06.25 |
id selector & Selectors can be contextual (0) | 2008.06.25 |
Grouping & Add Styles to Elements with Particular Attributes (0) | 2008.06.25 |
css link (0) | 2008.06.25 |
주민등록번호 검사 (0) | 2008.06.25 |
HTML Event (0) | 2008.06.25 |
Core & Keyboard Attribute (0) | 2008.06.25 |
META 태그 (0) | 2008.06.25 |