![]()
Float 사용 시, 자식 요소가 부모 요소의 범위를 벗어날 때 해결하는 방법 3가지를 공유하려 합니다! 사실 내가 까먹을까봐 기록하는 것이지요 ㅎㅎ 먼저 아래와 같은 코드를 봅시다! 1. container 라는 클래스명을 가진 부모요소 내에 자식 요소(item1 ~ item4)가 있습니다. 2. 부모요소(container)에 height(높이)값은 지정하지 않았기 때문에, 자식요소의 text높이 만큼이 부모의 높이가 될 것입니다. 3. 부모요소(container) padding 속성을 주었습니다. item1 item2 item3 item4 따라서 코드를 실행하면 아래와 같이 블럭이 만들어집니다. 부모 요소에 padding 값을 주어 자식 요소들이 padding 영역 안으로 item들이 정렬된 것을 알 ..
![]()
1. 가상 클래스 선택자란? - 실제로 html에 존재하지 않는 클래스지만 마치 클래스가 존재하는 것처럼 작동한다고 하여 가상 클래스 선택자로 부릅니다! 2. 8가지 종류 중 가상 클래스 선택자(Pseudo class selector)에 대해서 알아보겠습니다! - 선택자 종류 - 1. 전체 선택자 (Universal Selector) 2. 타입 선택자 (Type Selector) 3. 아이디 선택자 (ID Selector) 4. 클래스 선택자 (Class Selector) 5. 선택자 목록 (Selector list) 6. 속성 선택자 (Attribute selectors) 7. 가상 클래스 선택자(Pseudo class selector) 8. 가상 요소 선택자 (Pseudo-elements) 3. 가상..
