1. 가상 클래스 (Pseudo-class)엘레멘트의 특정한 상태를 정의할 때 사용. ex)- 마우스가 엘레멘트의 위로 올라왔을 경우- 엘레멘트가 포커스를 받을 때, 놓쳤을 때 selector:pseudo-class { attrib : value }selector 부분에 CSS 클래스가 들어갈 수 있음. (ex> p.cname) 링크 가상 클래스 /* unvisited link */ a:link { color: #FF0000; } /* visited link */ a:visited { color: #00FF00; } /* mouse over link */ a:hover { color: #FF00FF; } /* selected link */ a:active { color: #0000FF; }hover는 l..
** Official documentation - CSSCascading Style Sheets 의 약자, 어떻게 HTML 엘리멘트가 화면, 종이 또는 재생 장치에서 보여질지를 정의한다. 1. 셀렉터에 속성 설정 selector { attribute : value; attribute : ... } - selector : 스타일을 적용시킬 대상. 크게 3가지로 나누어짐. element : HTML 엘레멘트. 태그 이름으로 작성 id : 태그 id 값. prefix = # class : 태그 class 값. prefix = . 2. 2. 다중 셀렉터 (여러 셀렉터에 동시에 같은 설정을 적용하고자 할 때)selector1, selector2 { attribute : value; } 3. 셀렉터 옵션 p.cna..