호다닥

position position: static; 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. position: relative; 태그의 위치를 변경하고 싶을 때 사용하며 top, right, bottom, left 속성을 사용해 위치 조절이 가능하다. 각각의 태그가 기존 static 였을 때 위치를 기준으로 해당 속성 방향으로 주어진 픽셀만큼 이동한다. position: absolute; relative가 static인 상태를 기준으로 주어진 픽셀만큼 움직였다면, absoulte는 postition: static 속성을 가지고 있지 않은 부모를 기준으로 움직입니다. 만약 부모 중 position이 relative, absolute, fixed 인 태그가 없다면 가장 위의 태그(body)가 기준이 된..

가상 클래스 선택자 pseudo class selector class 선택자는 id 선택자도 아니고 tag 선택자도 아니다. class 선택자처럼 동작하지만 class 선택자는 아니고 여러가지 특수한 선택들을 하는 선택자로 각각의 엘리먼트들의 상태에 따라서 엘리먼트를 선택하는 선택자라고 할 수 있다. :link - 방문한 적이 없는 링크 :visited - 방문한 적이 있는 링크 :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭 했을 때 :focus - tap키를 통해 focus를 이동했을 때 Cascading : 적용 우선순위 웹브라우저 < 사용자 < 저자 1. style attribute 2. id selector 3. class selector 4. tag selector *..