1. 가상 선택자 (Pseudo selector)알아보기선택하려고 하는 요소를 좀 더 구체적으로 또는 그 요소의 상태를 같이 지정하는 방법입니다. 아주 다양한 가상 클래스 선택자가 있는데, 오래 전부터 활용되어 온 예로는 요소에 링크 스타일을 지정하는 방법입니다. ※ 익스플로러 버전6에서는 ":link",":visited", ":hover", ":active"만 지원합니다. 1-1. 링크 가상 클래스(link pseudo classes)와 동적 가상 클래스(dyna,ic pseudo classes) 선택자:link 요소에 링크가 지정됐으면 :visited 지정된 링크를 방문했었다면 :active 사용자의 동작에 따라 변화를 렌더링하는 방법으로 클랬했을 경우 :hover 마우스를 올릴 경우 :focus 키..

1. display display: none - 컨트롤을 생성하지 않도록 설정하여 공간 차지도 하지 않습니다. display: inline - 아무런 선택을 하지않으면 기본값으로 선택되는 속성으로 inline요소로 작용하도록 설정하여 줄바꿈이 일어나지 않습니다. display: block - block요소로 작용하도록 설정하여 줄바꿈이 일어나게 됩니다. display: inline-block - 요소는 inline으로 작용하지만 내부는 block처럼 작용하도록 설정합니다. 2. visibility visibility: visible - 아무런 선택을 하지않으면 기본값으로 선택되는 속성으로 그대로 보여줍니다. visibility: hidden - 요소가 보여지지 않지만 공간은 그대로 차지하고 있도록 요소를..