반응형
1. 마우스를 올렸을 때
선택자:hover {스타일 내용}
적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)
2. 링크가 연결된 경우, 한 번 클릭해서 해당 링크 들어갔다 나왔을 때
선택자:visited {스타일 내용}
적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)
3. 커서가 올라가있을 때 (Tab키를 누르면 선택이 달라지는 때)
선택자:focus {스타일 내용}
적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)
4. 마우스로 클릭했을 때
선택자:active {스타일 내용}
적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)
반응형
'html+CSS+JS > html+CSS' 카테고리의 다른 글
[CSS] inline, block, inline-block 차이점 (0) | 2019.06.28 |
---|---|
[CSS] 이미지 중심점 바꿔서 회전 시키기 (transform:rotate, transform-origin) (0) | 2019.06.27 |
[CSS] position: absolute, relative의 연관성 (0) | 2019.06.25 |
[CSS/기초] 기본 설명 + 글상자 만들기 (0) | 2019.06.24 |
[html/기초] html 내부에 메모(/* */ , <!-- -->) (0) | 2019.06.24 |