본 게시글은 인프런 강의 "CSS 기본부터 활용까지"를 보고 공부한 내용을 정리하고 있습니다.
[무료] CSS 기본부터 활용까지 - 인프런 | 강의
CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어입니다. CSS는 디지털 컨텐츠를 생산하는 사람들에게는 붓 질과 같은 것이 아닐까 싶습니다. 이 수업에서는 디지털 붓 질을 하는 법을 알려드립니
www.inflearn.com
가상 클래스 선택자
- :link - 방문한 적이 없는 링크
- :visited - 방문한 적이 있는 링크 (보안의 이유로 사용이 제한된다.)
- :hover - 마우스를 롤오버 했을 때
- :active - 마우스를 클릭했을 때
- :focus - tab등으로 상태가 집중되었을 때 (가장 마지막에 배치하는것을 추천)
전체코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>가상클래스 선택자</title>
<style>
a:link{color: red;} //방문전
a:visited{color: blue;} //방문함
a:hover{color: violet;} //마우스가 올라감
a:active{color: green;} //클릭함
input:focus{background-color: black;}
//상태가 집중됨
</style>
</head>
<body>
<a href="https://www.nate.com">네이트입니다</a> <br/>
<input type="text">
</body>
</html>실행결과
'프론트엔드 > CSS' 카테고리의 다른 글
| CSS 기본부터 활용까지 - 캐스케이딩 소개 (0) | 2022.07.28 |
|---|---|
| CSS 기본부터 활용까지 - 상속 (0) | 2022.07.28 |
| CSS 기본부터 활용까지 - 부모 자식 선택자 (0) | 2022.07.25 |
| CSS 기본부터 활용까지 - ID선택자 (0) | 2022.07.25 |
| CSS 기본부터 활용까지 - 선택자와 선언 (0) | 2022.07.25 |